Cara Buat Sitemap Blog Berdasarkan Abjad ( Alfabetis )

Tulisan IKO - Sitemap berfungsi untuk menampung artikel yang telah kita buat, pada umumnya sitemap yang kita bahas kali ini sering digunakan oleh blogger-blogger dengan niche download, nove, mp3 dan sejenisnya. Dengan adanya sitemap ini pengunjung bisa lebih mudah mencari postingan berdasarkan judul.

Sebenarnya sitemap default dari blogger sudah tersedia, namun tampilannya terlihat biasa dan tidak menarik. Dengan membuat sitemap yang menarik maka akan menarik perhatian tersendiri dan menjadikan pengunjung betah diblog kita. Ok, langsung saja ke Cara Buat Sitemap Blog Berdasarkan Abjad ( Alfabetis ).

1. Buka dashboard blogger kalian.
2. Pilih Tema - Edit HTML.
3. Cari kode </style> atau ]]></b:skin>.
4. Simpan kode dibawah ini tepat diatas kode </style> atau ]]><b:skin> dan Simpan.

/* Sitemap Alfabetis */
#sitemap4 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:500; text-align:center; margin-bottom:20px; padding:15px;}
#sitemap4 a {color:#666; text-decoration:none; transition:all .3s ease;}
#sitemap4 a:hover {color:#000;}
#sitemap4 ol {margin:0px; padding:0px;}
#sitemap4 ol li {color:#666; font-weight:300; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}

5. Jika sudah silahkan buat sebuah page ( Halaman Statis ) dan pilih mode HTML ketika menulis.
6. Salin dan Simpan kode dibawah ini pada halaman yang telah dibuat tadi.

<div id="sitemap4">Loading....</div>
<script> //<![CDATA[
/* Sitemap Alfabetis */
var start=1;var max=150;var sitemap4Arr=new Array();function runSitemap4(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap4&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap4(root){var elem=document.getElementById('sitemap4');if(!elem)return;elem.innerHTML='';var feed=root.feed;if(feed.entry.length>0){for(var i=0;i<feed.entry.length;i++){var entry=feed.entry[i];var title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=="alternate"){var url=entry.link[j].href;if(url&&url.length>0&&title&&title.length>0){sitemap4Arr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runSitemap4()} else{var print='',a=sitemap4Arr.sort(function(a,b){return a.judul>b.judul?1:-1});for(var x=0;x<a.length;x++){print+='<li><a href=\"'+a[x].url+'\" title=\"'+a[x].judul+'\">'+a[x].judul+'</a></li>'} elem.innerHTML='<div class=\"judul\">Total Post: '+a.length+'</div><ol>'+print+'</ol>'}}} runSitemap4();
//]]> </script>

7. Lalu simpan dan lihat hasilnya.

Berikut bagaimana Cara Buat Sitemap Blog Berdasarkan Abjad ( Alfabetis ). Cara ini saya dapat dari blog yang bernama igniel.com. Semoga cara Cara Buat Sitemap Blog Berdasarkan Abjad ( Alfabetis ) dapat bermanfaat bagian kalian. Terima Kasih.....

Share this post