Sitemap Blogger Keren Berdasarkan Abjad

Hai sobat online, jadi untuk kali ini saya akan memberikan informasi mengenai bagaimana cara membuat sitemap di blogger secara abjad. Sitemap ini sangat cocok untuk digunakan pada blog dengan tema apapun karna akan mempermudah para pembaca mengetahui apa saja artikel yang dimuat di sebuah blog tersebut. 

Silahkan simpan kode dibawah ini kemudian pastekan kode CSS berikut tepat di atas </style> atau ]]></b:skin>.


/* Blogger Sitemap Simple Title Only Sort By Title (Alphabetically) */
#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;}
Setelah selesai selanjutnya silahkan langsung membuat sebuah halaman statis, jangan lupa untuk ubah dari compose ke HTML. Kemudian silahkan paste kode dibawah ini.

<div id="sitemap4">Loading....</div>
<script> //<![CDATA[
/* Blogger Sitemap Simple Title Only Sort By Title (Alphabetically) */
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>
Selesai selanjutnya silahkan dipublikasikan untuk melihat hasilnya kalian bisa klik dibawah ini. 
Gimana mudahkan? Semoga postingan kali in bermanfaat ya sob. oke sampai sini dulu artikel kali ini, terima kasih kepada sobat online yang telah membaca artikel ini. Jika ada hal yang ingin ditanyakan atau kurang dimengerti silahkan tanya di kolom komentar. Semoga artikel ini bermanfaat dan sampai jumpa diartikel selanjutnya. Jangan lupa share ke teman-teman kalian ya.