Membuat Sitemap di Blogger Ala Sudar Blogger

"Membuat Sitemap di Blogger Ala Sudar Blogger"

Ada banyak orang yang menanyakan Bagaimana Memasang Sitemap di Template Median UI, nah kali ini saya akan share tutorial buat kalian semua yang memakai Template Blogger Median UI ini ada banyak yang error saat memasang sitemap ini.

Namun sebenarnya saya akan jelaskan kepada kalian semua menganai apa fungsi sitemap pada blog, pernah kan kalian berkunjung ke blog orang terus melihat Navigasi nya tentu ada Navigasi khusus sitemap? Bagi yang awam ngeblog tentu akan bertanya apa fungsi sitemap tersebut dan kenapa harus ada setiap blog atau website.

Apa Itu Sitemap?

Apa Itu Sitemap? Sitemap adalah sebuah halaman yang menampilkan berapa banyak artikel atau postingan yang ada di dalam blog kita. Dengan adanya sitemap ini pengunjung akan tau apa yang di bahas di blog kita dan jumlah artikel yang ada di blog kita.

Cara Membuat Sitemap di Blogger Ala Sudar Blogger

Artikel ini saya peruntukan untuk kalian yang menggunakan Template Blogger Median UI karena sitemap yang saya pakai ini adalah dari Template tersebut jadi saya akan beritahu Markup HTML nya untuk CSS sendiri sudah kepasang jadi saya tidak akan tulis.

1. Langkah pertama buka Dashboard Blogger
2. Pilih menu Halaman > klik tombol (+)
3. Kemudian kalian buat mode Tampilan Menulis ke Tampilan HTML
4. Kemudian masukan kode HTML ini

<div class="sitemaps" id="sitemaps">

  <div class="loading">Loading....</div>

</div>

<script>/*<![CDATA[*/

/* Blogger Sitemap Dropdown */

var toc_config = {containerId:'sitemaps', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemaps',delayLoading: 0};

window.onload = function(){

!function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"sitemap-box\"><h4 class=\"judul\">'+n[g]+'</h4>',l+='<div class=\"konten\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div></div>'}t.innerHTML=l,"undefined"!=typeof jQuery&&($("#"+toc_config.containerId+" .konten").hide(),$("#"+toc_config.containerId+" .judul").click(function(){$(this).hasClass("aktif")||(toc_config.clickCallback(this),$("#"+toc_config.containerId+" .judul").removeClass("aktif").next().slideUp(toc_config.slideSpeed.up,toc_config.slideEasing.up,toc_config.slideCallback.up),$(this).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))}).eq(toc_config.activePanel-1).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))};var i=o.createElement("script");i.src="https://www.urlbloganda.com/feeds/posts/summary?alt=json-in-script&max-results=10&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document);}

/*]]>*/</script>

5. Kemudian klik Publikasi

Ganti URL yang di tandai dengan URL blog milik kalian