Script Sitemap (Daftar Isi) Blogger di Halaman Statis Hanya Judul Saja

Script Sitemap (Daftar Isi) Blogger di Halaman Statis Hanya Judul Saja

HobbyTekno - Sitemap atau Daftar Isi Blogspot jenis ini sangat sederhana dan loadingnya cepat, karena hanya menampilkan judul saja. Daftar Postingan diurutkan berdasarkan tanggal kapan postingan di Publish, Mulai dari yang paling baru sampai Postingan yang paling lama.

Cara Memasang Script Sitemap (Daftar Isi) Blogger di Halaman Statis Hanya Judul Saja


1. Salin kode CSS berikut diatas </style> atau ]]></b:skin>.
/* Blogger Sitemap Title Only */
#sitemaptitleonly .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;}
#sitemaptitleonly a {color:#666; text-decoration:none; transition:all .3s ease;}
#sitemaptitleonly a:hover {color:#000;}
#sitemaptitleonly ol {margin:0px; padding:0px;}
#sitemaptitleonly ol li {color:#666; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}
Lalu Salin kode berikut pada Halaman Statis dengan Mode HTML.
<div id="sitemaptitleonly">Loading....</div>
<script> //<![CDATA[
/* Blogger Sitemap Simple Title Only */
var start=1;var max=150;var sitemaptitleonlyArr=new Array();function runsitemaptitleonly(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemaptitleonly&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemaptitleonly(root){var elem=document.getElementById('sitemaptitleonly');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){sitemaptitleonlyArr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runsitemaptitleonly()} else{var print='';for(var x=0;x<sitemaptitleonlyArr.length;x++){print+='<li><a href=\"'+sitemaptitleonlyArr[x].url+'\" title=\"'+sitemaptitleonlyArr[x].judul+'\">'+sitemaptitleonlyArr[x].judul+'</a></li>'}
elem.innerHTML='<div class=\"judul\">Total Post: '+sitemaptitleonlyArr.length+'</div><ol>'+print+'</ol>'}}} runsitemaptitleonly();
//]]> </script>
2. Kode diatas hanya menggunakan Javascript, jadi tidak perlu menggunakan JQuery.

Sekian Script Sitemap (Daftar Isi) Blogger di Halaman Statis Hanya Judul Saja, semoga postingan Admin kali ini bermanfaat untuk anda. Jika ada kendala tanyakan saja pada komentar

No comments for "Script Sitemap (Daftar Isi) Blogger di Halaman Statis Hanya Judul Saja"