Cara membuat gadget sitemap otomatis untuk blogger di blogspot

Cara membuat sitemap otomatis untuk blogger di blogspot

hay sobat blogger buat kalian yang gak mau membuat halaman sitemap secara manual. karena membuang waktu. inyong akan beri tahu cara membuat sitemap yang otomatis luur, yuk di simak luur,

pertama masuk ke menu halaman, dan klik tombol "+" untuk membuat halaman baru.

setelah masuk ke menu halaman klik yang inyong beri tanda merah.

kemudian pilih tampilan html

kemudian beri judul "sitemap" atau terserah kalian. dan tulis kode ini ke halaman kalian. dalam menulis tidak boleh salah walau hanya 1 huruf atau karakter. belajar jadi programer ya hehehe. 

kalau warna tulisan agan sama kaya di gambar insya allah mendekati benar. hehehe

<br />

<style>

/* Sitemap Blogger Sederhana */

#sitemap .title {background-color:#448ccb; color:#fff; font-size:150%; font-weight:400; text-align:center; margin-bottom:20px; padding:15px;}

#sitemap a {color:#212121; text-decoration:none; transition:all .3s ease;}

#sitemap a:hover {color:#000;}

#sitemap ol {margin:0px; padding:0px;}

#sitemap ol li {color:#212121; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}

</style>

<div id="sitemap">Loading...</div>

<script> //<![CDATA[

var start=1;var max=150;var sitemapArr=new Array();function runsitemap(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap(root){var elem=document.getElementById('sitemap');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){sitemapArr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runsitemap()} else{var print='';for(var x=0;x<sitemapArr.length;x++){print+='<li><a href=\"'+sitemapArr[x].url+'\" title=\"'+sitemapArr[x].judul+'\">'+sitemapArr[x].judul+'</a></li>'}

elem.innerHTML='<div class=\"title\">Total Post: '+sitemapArr.length+'</div><ol>'+print+'</ol>'}}} runsitemap();

//]]> </script>

kalau sudah klik publikasikan

masuk ke tata letak

klik tambahkan gadget. telak terserah di mana saja. 

tambah halaman

di settingan. judul terserah. terus centang sitemap. beranda boleh pakai boleh tidak. selera. kemudian klik simpan.

hasilnya seperti ini. tulisan judul gadgetnya tak terlihat bila di pasang di sini.

bila di pasang di tempat lain judul gadget terlihat.

jadi seperti itulah membuat sitemap secara otomatis dan mudah di lihat pengunjung. gak harus manual nulis satu per satu dan di beri link. kebayang kan kalau sudah 10k artikel dan baru mau membuat sitemap. cape sekali. dengan sitemap otomatis ini kita gak perlu cape-cape luur.

oh ya buat kalian yang suka baca cerpen, cerita, kisah nyata, yang menarik. silahkan kunjungi web Kutu Pulpen