Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Halaman Sitemap di Blogger SEO Friendly Terbaru

Yandelia.com - Jumpa lagi nih bareng kami di blog sederhana yakni yandelia yang membahas artikel tentang tutorial, informasi dan edukasi. Seperti yang kita ketahui saat ini dalam membuat halaman sitemap pastinya sangat wajib, kenapa wajib karena dengan adanya halaman ini dapat mempercepat pengindexan yang terjadi di halaman search Google sebab halaman ini adalah sebuah halaman statis yang berisi daftar isi artikel di blog kita dan diurutkan berdasarkan label, halaman ini bisa menambah kualitas SEO dari blog yang kita punya karena memudahkan bot-crawl saat melakukan perayapan melalui sitemap.xml.


Bukan hanya itu saja dengan adanya halaman sitemap ini pastinya mempermudah pengunjung dalam mencari artikel yang mereka cari dan menemukan daftar artikel yang tersedia di blog kamu sehingga blog kamu terlihat lebih profesional dan membuat mereka betah berlama-lama di blog kamu. Untuk membuat halaman tersebut sangat mudah kamu hanya menambahkan beberapa kode saja, dan tutorialnya silahkan kamu baca artikel dibawah ini.

Cara Membuat Halaman Sitemap [Daftar Isi] di Blogger SEO Friendly Terbaru


Pertama, buka Blogger > klik menu Tema > klik Edit HTML > Setelah itu kamu cari dan tambahkan kode di bawah ini sebelum kode ]]></b:skin>

/* Blogger Sitemap */
#sitemap1 {background-color:#fff; color:#1d2129; font-weight:400; border:1px solid #ccc;}
#sitemap1 .loading {padding:10px 15px; color:#666;}
#sitemap1 .judul {background-color:#008c5f; color:#fff; font-size:125%; font-weight:600; padding:15px; cursor:pointer; border-bottom:1px solid #fff; letter-spacing:1px; transition:all .3s ease;}
#sitemap1 .judul:last-child {border-bottom:0px;}
#sitemap1 .judul:hover {background-color:#1d2129;}
#sitemap1 .judul:after {content:''; width:0px; height:0px; position:relative; float:right; top:10px; right:10px; border:5px solid transparent; border-color:#fff transparent transparent; transition:all .3s ease}
#sitemap1 .judul.aktif {background-color:#1d2129;}
#sitemap1 .judul.aktif:after {border-color:#fff transparent transparent; top:5px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg)}
#sitemap1 .konten ol, #sitemap1 .konten ol li {list-style:none; list-style-type:none; margin:0px; padding:0px; font-weight:400;}
#sitemap1 .konten ol li:nth-of-type(even) {background-color:#e9e9e9;}
#sitemap1 .konten ol li:nth-of-type(odd) {background-color:#fff}
#sitemap1 .konten ol li a {text-decoration:none; padding:10px 15px; display:block; color:#666; line-height:1.5em; transition:all .3s ease;}
#sitemap1 .konten ol li a:hover {color:#000;}

Silahkan buat Halaman Baru > klik New Page > buka di mode Tampilan HTML (Bukan Compose).

<div id="sitemap1"><div class="loading">Loading....</div></div>
<script> //<![CDATA[
/* Blogger Sitemap */
var toc_config = {containerId:'sitemap1', 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:'sitemap1',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="judul">'+n[g]+'</div>',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>'}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.yandelia.com/feeds/posts/summary?alt=json-in-script&max-results=9999&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>

Silahkan kamu ubah link www.yandelia.com dengan link blog kamu agar yang terdeteksi di sitemap itu blog kamu.

 Kemudian klik Publikasikan > Selesai.

Penutup

Bagaimana mudah bukan untuk tutorial yang satu ini tentang bagaimana Cara Membuat Halaman Sitemap Blogger SEO Friendly Terbaru, apabila kamu memiliki saran atau masalah silahkan komen dikolom komentar dibawah artikel ini lebih dan kurang saya mohon maaf sekian dan terima kasih.

Posting Komentar untuk "Cara Membuat Halaman Sitemap di Blogger SEO Friendly Terbaru"