Rizkys Mempelajari, Memahami, Mempraktekan lalu Menyampaikan.

5 Cara Mudah Membuat Halaman Daftar Isi / Sitemap di Blogger

Cara Mudah Membuat Halaman Daftar Isi / Sitemap di Blogger

Membuat halaman Daftar Isi / Sitemap di blogger dapat membantu para pengunjung untuk mencari apa yang mereka cari. Sitemap berperan sebagai peta situs yang menampilkan semua hasil dari semua topik yang ada di dalam blog tersebut.

Bukan hanya itu, keuntungan membuat halaman statis tersebut dapat membuat blog yang kamu kelola menjadi lebih baik / berkualitas dan hal ini juga dapat menguntungkan kalian untuk dapat di terima oleh Google Adsense.

Artikel kali ini yang saya buat memang umum di kalangan blogger, tetapi kita tidak mengetahui apakah blogger pemula atau yang sudah lama mengetahui cara ini? Mari kita bahas.

Berikut ini adalah cara mudah membuat halaman Daftar Isi / Sitemap di Blogger

1. Buka Blogger dan Sign in dengan menggunakan akun blogger yang kamu miliki
2. Pilih Menu Halaman Lalu klik menu Halaman Baru Lalu beri judul Sitemap / Daftar isi
Cara Mudah Membuat Halaman Daftar Isi / Sitemap di Blogger
3. Klik Menu HTML Lalu Masukan Kode di Bawah ini
<div class="tabbed-toc" id="tabbed-toc"><span class="loading">Memuat…</span></div><script>/*!
 * Blogger Tabbed Style Table of Content Widget by Akytera
 * Free for change but keep the original attribution.
 * URL: htts://www.akytera.com
 */
var tabbedTOC={blogUrl:"https://www.akytera.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New!</em>'};
!function(a,b){var c=(new Date).getTime(),d={blogUrl:"http://dte-feed.blogspot.com",containerId:"tabbed-toc",activeTab:1,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:!1,newText:' &ndash; <em style="color:red;">Baru!</em>'};if("undefined"==typeof tabbedTOC)tabbedTOC=d;else for(var e in d)d[e]="undefined"!=typeof tabbedTOC[e]?tabbedTOC[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b.getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g)c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f=parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g.showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!==!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="toc-line"></span><ul class="toc-tabs">';for(var m=0,n=i.length;n>m;++m)j+='<li class="toc-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false;" onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="toc-content">';for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"',j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t.replace(/<br *\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.numChars)+"&hellip;":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+r.media$thumbnail.url.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+g.noThumb.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10)+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,A=r.link.length;A>z;++z)if("alternate"===r.link[z].rel){q=r.link[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g.showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries?'<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li>")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId).innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g.src=d.blogUrl.replace(/\/+$|[\?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function(){f.appendChild(g)}}(window,document);</script>
4. Ubah alamat website saya dengan alamat website yang kamu miliki
Cara Mudah Membuat Halaman Daftar Isi / Sitemap di Blogger
5. Lalu klik kolom Deskripsi Penelusuran, Masukan saja seperti deskripsi pada umumnya.

Agar di halaman lebih bersih tidak ada yang lain-lain, klik pada pengaturan / Pilihan dan klik jangan izinkan komentar. Jika semuanya sudah di lakukan klik pratinjau terlebih dahulu untuk memastikan sudah pas atau tidak.

Baca Juga:  Melihat/Mengetahui Theme, Tema, Template WordPress Orang Lain

Lalu klik publikasikan jika menurut kalian sudah cocok dan pas, Nah dengan ini para pengguna yang mengunjungi blog kamu bisa mencari apa yang mereka cari dengan mudah, Jika ada pertanyaan kalian bisa menanyakannya di kolom komentar, Terimakasih.

Avatar
Rizkys Mempelajari, Memahami, Mempraktekan lalu Menyampaikan.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *