Membuat Sitemap SEO Responsive Keren Pada Blog

Cara membuat sitemap atau daftar isi arsip responsive SEO untuk blog- Membuat Sitemap Responsive Bagus beda dan keren – sebelum masuk ke cara membuat sitemap responsive, sebaiknya kita ketahui dahulu pengertian dan fungsi sitemap atau daftar isi itu sendiri. Pengertian Sitemap menurut wikepedia adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya.


Lalu apa fungsi sitemap itu ?
Fungsi sitemap adalah untuk mempermudah pengunjung situs blog mencari konten yang dicari, misalnya : saya pengen buka konten konten yang lain dari blog ini langsung saja klik sitemap , keluar semua dah seluruh daftar isi situs ini, tinggal cari konten atau artikel mana yang mau dibaca, itulah pentingnya sitemap bagi sebuah situs atau blog.

Bagaimana cara membuat sitemap atau daftar isi, yuk kita simak yang berikut ini  ?
Cara membuat sitemap responsive SEO untuk blog :
Alangkah baiknya kita lihat dulu contoh Sitemap nya
1. Langkah pertama buka dulu Blogger
2. Kemudian buka halaman atau laman blog
3. Pilih Laman Baru
4. Klik HTML – ingan HTML jangan yang compose
5. Kemudian Copypaste kode script dibawah ini


<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #66B266;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#66B266 0%,#004D00 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#004D00),color-stop(1,#66B266));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#66B266 0%,#fff 40%);
background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#66B266E));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.mykuper.my.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

6. Masukan ke laman baru sobat dibagian HTML
7. Ganti kode warna merah dengan situs blog sobat
8. Setelah selesai klik simpan dan lihat hasil sitemap
9.Jika sitemap atau daftar isi belum keluar silahkan tinggalkan komentar, kita pecahkan masalahnya.
Terima kasih atas kunjungan sobat semua, semoga artikel cara Membuat Sitemap Responsive Bagus dan Beda dan seo ini bermanfaat.

Salam mykuper