Cara Membuat Sitemap / Daftar Isi Otomatis Keren Di Blogger

Apa itu Sitemap ? Sitemap adalah salah satu alat bantu untuk para web master yang mempermudah dalam pengenalan situs di dalam website. Dengan begitu, dengan begitu mesin google dapat dengan mudah menjelajah dan meraih halaman - halaman yang ada di dalamnya.

Sama halnya dengan website pada umumnya, blog juga memerlukan Sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Cara Membuat Sitemap / Daftar Isi Otomatis Keren Di Blogger

Lalu bagaimana cara membuat Sitemap / Daftar isi ? mudah kok , kamu tinggal Copy code scrypt HTML di bawah ini. Pergi ke Dashboard blogger, cari menu Laman di samping kiri, lalu pilih Laman baru, pilih HTML dan Paste semua code di bawah ini klik publikasikan dan sitemap / daftar isi anda telah siap di submit ke Google web master tool :)

<div dir="ltr" style="text-align: left;" trbidi="on">

<style type="text/css">

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5jQTo5L4AHemdyHmpYa9dZIzerb2JUzpnr-Pg3aRJ-sxh8mfBdEsqBdqay90ereNWRhvn-DO2vS2-6grTfyeP0vPOQbmMJGbOoZgY9OGn2ckazgXaAB01ICeKUlQvRp8dFW-OVnjPq1k/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Yg9LgAA4f6w7vGN3OiBpKLBYBcb8XtfQVLOQD5qaSOjv7QypW4wjduQ2KIZx_3W3Ue9U47I335oRBWURjYTG2IFZ7Yt2jvu6D3Tzos9dw6nkTX0Y9IDij8NJbWFZ59Mje6yd3Axl59Y/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7RbFKmcWqed5G7vb6AhNJE76blklKjY-eUtFg-L_ptHq0j9VyLUaAYpsqgRvZjjnhyphenhyphenW_M1ZzC-5RRN75YeKP7oaSgUN57NPTbnYXqTnpJqNWuvc7eLwz9hVq1Ju3x-PBGXBzqQvz6bM/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

</style>

<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://www.blog-segiti.ga/atom.xml?redirect=false&amp;start-index=1&amp;max-results=1500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div>

*Jangan lupa ganti tulisan tebal yang berwarna merah dengan alamat blog kamu

Hasil dari code di atas akan menjadi seperti ini :

Cukup sekian tutorial blog dari saya , salam sukses dan semoga berhasil :)

Tweet