Cara Membuat Page Sitemap Otomatis Update DiBlogger

Cara Membuat Sitemap - Sitemap atau Daftar isi merupakan hal terpenting dalam sebuah blog. Sitemap merupakan halaman yang berfungsi untuk memberikan informasi tentang artikel suatu blog kepada pengunjung.

Dengan adanya sitemap, pengunjung bisa mengetahui apa saja konten yang ada di suatu blog, tanpa harus scroll keseluruhan halaman beranda, pengunjung bisa tahu seluruh konten yang disajikan hanya dengan melihat page Sitemap. Kegunaan Sitemap yang lainnya adalah agar google lebih mudah meng-index blog Anda.

Untuk membuat sitemap cukup mudah, berikut MazzTutor akan memberikan Tutorial membuat Halaman Sitemap yang akan terupdate secara otomatis jika terdapat pembaruhan konten dalam suatu blog.

Baca juga  Panduan Cara Mudah Membuat Privacy Policy Dengan Cepat

Cara Membuat Sitemap Sederhana Yang Otomatis Update

1. Langkah pertama, login ke akun blogger. Pilih Laman => Laman Baru untuk memulai membuat Page.

2. Pada mode HTML, copy paste script dibawah ini

<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>

<script src="https://namablog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

3. Pilih Publikasikan, maka tampilan Sitemap Anda akan seperti ini.

Ganti tulisan berwarna merah https://namablog.com dengan url blog Anda

Cara Membuat Sitemap Yang SEO Responsif Dan Menarik

1. Sama dengan cara sebelumnya, buat Laman baru dan

2. Copy dan Paste script berikut ini

<style type='text/css' scoped='scoped'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:15px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none;padding-bottom:15px}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://www.namablog.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>

Ganti tulisan berwarna merah https://namablog.com dengan alamat blog Anda dan publish, Maka tampilan Sitemap blog Anda akan seperti ini.

Oh iya, jika sudah memasang script dalam mode HTML, jangan pindah ke mode Compose, karena terkadang script yang sudah terpasang bisa berubah dan alhasil script tersebut tidak berjalan dengan semestinya.

Baca juga Tutorial Cara Membuat Efek Zoom Otomatis Pada Gambar DI Blog

Demikian share Tutorial membuat halaman Sitemap yang otomatis update di Blogger, semoga bermanfaat. [MT]