Cara Membuat Halaman Daftar Isi (Sitemap) di Template Viomagz

Cara Membuat Halaman Daftar Isi (Sitemap) di Template Viomagz - Sitemap sendiri merupakan salah satu halaman yang wajib ada pada sebuah blog. Yang mana halaman ini sangat berfungsi terhadap pengunjung blog anda yang dapat memudahkan pengunjung melihat artikel blog anda secara keseluruhan.

Tutorial yang Admin bagikan ini nantinya akan memudahkan para pembaca pada blog anda untuk menambil keseluruhan artikel sesuai label artikel yang ada. 

Menurut saya sendiri, halaman ini sangat lah berperan penting pada sebuah blog, intinya jangan sampai tidak ada halaman ini. Karena, menurut saya halaman ini adalah salah satu laman pendukung yang memudah kan blog anda untuk diterima oleh Google Adsense.

Ya, dengan memiliki halaman sitemap atau daftar isi pada blog anda tentunya memungkin untuk mendapat pengunjung lebih karena apabila seorang pengunjung melihat daftar isi artikel blog anda otomatis mereka akan membaca artikel lain yang menurut mereka perlu dibaca.

Perlu anda ketahui secara seksama bahwa halaman ini memungkinkan membantu robot peng-crawl dari google untuk merayapi seluruh artikel yang ada di diblog kalian dengan submit sitemap.xml di Google Webmaster.

Akan tetapi, ada begitu banyak blogger yang belum tahu cara untuk membuat halaman daftar isi ini, apalagi di template buatan mas sugeng yaitu Viomagz. 

Anda tidak perlu pusing, karena designer template nya sendiri yaitu mas sugeng telah memasangkan script khusus pada tema blog viomagz dengan memiliki kode yang sangat SEO dan ringan serta responsive.

Bagi kalian yang masih belum paham mengenai HTML, CSS, JS, dan bahasa pemograman lainnya tentunya kalian tidak akan pusing mencari kode-kode lainnya yang mana belum tentu SEO atau malah tidak responsive sama sekali. 

Cara Membuat Halaman Sitemap di Viomagz

1. Pertama silahkan masuk ke Blogger.com.

2. Pilih menu Halaman dan tekan Halaman Baru.

3. Silahkan kalian beri judul Sitemap atau Daftar Isi.

4. Disini kalian harus menulis di mode HTML, jadi pada halaman awal pasti akan muncul halaman Compose, silahkan ganti ke mode tulis HTML. 

5. Selanjut salin serta tempel seluruh kode yang ada dibawah ini.

<div class="tabbed-toc" id="tabbed-toc"><span class="loading">Memuat…</span></div><script>/*!
 * Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman
 * Free for change but keep the original attribution.
 * URL: https://plus.google.com/108949996304093815163/about
 */
var tabbedTOC={blogUrl:"https://www.syahrulramadhan.my.id/",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>

6. Ganti https://www.syahrulramadhan.my.id dengan alamat blog kalian.

7. Simpan, dan lihat hasilnya.

Tentunya disini kalian telah berhasil membuat daftar isi di template Viomagz dari Mas Sugeng yang mana template ini menurut saya salah satu template kondang yang booming parah. 

Bagaimana? tidak sulit bukan?

Nah demikia artikel Cara Membuat Halaman Daftar Isi (Sitemap) di Template Viomagz, apabila anda kesusahan, admin akan bantu secara gratis. Silahkan kontak di halaman kontak yang ada, atau berkomentar di artikel ini.