Cara Membuat Site Map di Blogger

Share:
Apa yang dirasakan jika anda mendapati sebuah buku yang sangat bagus namun ketika ingin membacanya secara random, anda tidak menemukan daftar isi dari buku tersebut, sudah barang tentu akan
bingung dan Anda harus membuka satu persatu halaman buku tersebut untuk menemukan judul yang paling menarik untuk anda baca, hal ini tentu memakan waktu bukan?
Begitu pula jika Anda mengunjungi sebuah situs web/blog yang tidak memiliki daftar isi atau site map dari web/blog tersebut tentu anda akan merasa malas untuk menelusurinya satu persatu sampai ketemu apa yang anda inginkan. Site Map atau daftar isi pada sebuah situs memiliki peran yang sangat penting yaitu untuk memandu para pengunjung mendapatkan halaman demi halaman apa yang mereka inginkan sehingga mereka dimudahkan dalam berselancar pada setiap page dari blog Anda. Pada kesempatan kali ini saya akan mencoba menyampaikan bagaimana cara membuat site map pada blogger.
Berikut Script Site map yang dapat ditempatkan pada halaman blog Anda:


<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/AVvXsEiodw0VDlZwu_SYt9rNo1q17JPODnaroacmZqKKXrzvqHCuX3OMzTmgDpb50D34mcuH1HL4bxakxM-4tatAjwHC5TYNv6lJYR8F-OCzXEojB_sqyWXnj6J1D9OCQ4dd80unq8MVTdtFZsA/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/AVvXsEi2gThUA1jrJ7J_kDoijngW8ktdrkh-iySxzHFCanxuU-6Bhr7U2okzQgB_zqWj-hAdO7SV_pZ_PuKn7e7FJAraI-3C9yGTRBYY121dxM2SSZNU5qh8Z7I7c7PwDKUXLyOAWUfDYOqXwqQ/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/AVvXsEjCzvo58es5o8ACvwrwNdcmVTJM6eMP2dRBpmjkbjccUhRWv3zuudKe3nSwTCEkEh33xLLWYag0asoink6W9FuHavvthKJzniS9L8a6uCs5zSq5p4iI7VMfRb3e0gkuU9gcbutGwXmpJ9U/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://blogerasia.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Ganti alamat blog yang di cetak tebal dengan alamat blog Anda. Bagaimana cara memasang di blog? 
Copy kode diatas dan anda dapat mempostingnya pada halaman New Post atau Page pada blog Anda, gambar yang di beri tanda kotak merah. 
Setelah masuk ke salah satu halaman di atas, pilih menu HTML kemudian paste dihalam tersebut setelah itu publish, dan lihat hasilnya seperti contoh dibawah ini SITE MAP BLOGGER. 
Sebagai info tambahan bahwa Sitemap juga merupakan salah satu persyaratan diterimanya google Adsense.  

No comments