√ Cara Pasang Sitemap / Daftar Isi Blog Fast Loading Dan Responsif Di Blog

Di Postingan kali ini aku akan menunjukkan klarifikasi terkait Cara Membuat Atau Cara memasang Sitemap daftar isi Blog Yang Responsif, simple dan Fast Loading.

Navigasi Sitemap ini akan menampilkan Judul daftar postingan di Blog anda dari mulai yang terbaru sampai Postingan yang lama. Makara akan di sesuaikan sesuai urutan tanggal pembuatan Postingan di Blog anda.

Tampilan sitemap ini sering dipakai oleh blogger pemula yang hendak mendaftarkan blog-nya ke Google Adsense, alasannya ialah tampilanya yang simple dan juga fastLoading tentunya.
Untuk penampilanya sebagai berikut.

Jika anda tertarik, silakan simak dan ikuti langkah-langkahnya.
1. login ke Blog
2. Pilih >> Theme / Template
3. Pilih >> EDIT HTML
4. Silakan anda cari instruksi dibawah ini

]]></b:skin>

Untuk mempermudah pencarian instruksi tersebut, silakan gunakan Fungsi CTRL+F di Kyeboard komputer/laptop anda.

Jika sudah ketemu, silakan Copy semua instruksi dibawah ini, dan letakkan sempurna di atas kode ]]></b:skin> tersebut.

/* sitemap fast loading .blogspot.com */ #sitemap3 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;} #sitemap3 a {color:#666; text-decoration:none; transition:all .3s ease;} #sitemap3 a:hover {color:#000;} #sitemap3 ol {margin:0px; padding:0px;} #sitemap3 ol li {color:#666; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}

Jika sudah, selanjutnya kita akan memasangnya di pages/laman Blog.
> silakan pilih Pages/laman
> pilih New Pages / Laman Baru
> pilih Format HTML (jangan yang Compoese)
> silakan isi judul sesuai impian anda
> di kolom HTML silakan Copy instruksi dibawah ini dan paste-kan di kolom tersebut.

<div id="sitemap3">Loading....</div> <script> //<![CDATA[ /* sitemap by .blogspot.com */ var start=1;var max=150;var sitemap3Arr=new Array();function runSitemap3(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap3&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap3(root){var elem=document.getElementById('sitemap3');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){sitemap3Arr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runSitemap3()} else{var print='';for(var x=0;x<sitemap3Arr.length;x++){print+='<li><a href=\"'+sitemap3Arr[x].url+'\" title=\"'+sitemap3Arr[x].judul+'\">'+sitemap3Arr[x].judul+'</a></li>'} elem.innerHTML='<div class=\"judul\">Total Post: '+sitemap3Arr.length+'</div><ol>'+print+'</ol>'}}} runSitemap3(); //]]> </script>

Jika sudah, silakan PUBLIKASIKAN dan lihat hasilnyaa...

Nah, itulah cara menciptakan sitemap/daftar isi blog responsif dan juga fast loading.

Semoga bermanfaat.
Sumber https://syilent.blogspot.com/

Berbagi :