Gambar diatas merupakan contoh Sitemap dan merupakan Sitemap dari BUDIMAN_BLOG. Sitemap / daftar isi ini sangat penting untuk memberi informasi pengunjung jika ingin melihat semua postingan pada suatu blog.sebelum kita memasuki tutorial kita akan bahasa dulu Apa itu Sitemap ?.
APA ITU SITEMAP ?
kita bahas sitemap itu apa. Sitemap adalah alat bantu webmaster untuk mempermudah dalam pengenalan peta situs dalam sebuah website atau blog.Dengan begitu google dapat dengan mudah menelusuri halaman halaman yang ada dalam website/blog tersebut.
Setelah kita mengetahui sitemap itu apa maka kita akan masuk kebagian tutorial pembuatan sitemap.
CARA MEMBUAT SITEMAP
Untuk Mengetahui bagaimana cara pemasangan sitemap pada blog bisa mengikuti tutorial dibawah ini :
Langkah Pertama Yaitu Masuk ke blogger dashboard lalu Klik pada Laman > Laman Baru
Selanjutnya, pada laman baru ganti compose menjadi html setelah itu Copykan Code dibawah ini dan pastekan pada laman yang telah dibuat
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-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: #3498DB;
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{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://blog-budiman.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
jika sudah beri judul pada laman dan pada code tersebut ganti http://blog-budiman.blogspot.com menjadi nama blog kalian sendiri,setelah itu publikasikan dan lihat hasilnya.
Sekian Untuk Tutorial kali ini semoga bermanfaat untuk kalian semua
Terima Kasih
lumayan nih buat sitemap di blog makash gan
ReplyDeleteMantap, ini sitemap yang saya cari2
ReplyDelete