Skip to content Skip to sidebar Skip to footer

ads.header2

Cara Membuat Halaman Daftar Isi atau Sitemap Otomatis Template LINKMAGZ Mas Sugeng

Template LinkMagz milik Mas Sugeng sudah dipakai oleh ribuan blogger, kecepatan loading dan responsifnya sangat yahud. Saya dari dulu pakai template premium milik Mas Sugeng. Postingan ini saya akan bagi-bagi tutorial tentang cara membuat halaman daftar isi atau sitemap otomatis Template LinkMagz milik Mas Sugeng. 

Bagi yang tidak memakai template Linkmagz Mas Sugeng, silakan ikuti panduannya di artikel berjudul Cara Membuat Halaman Daftar Isi Blogspot.

membuat daftar isi template linkmagz
qowim.net

Tentang Template Premium LinkMagz Sugeng.id

Saya sudah membuat review tentang template Linkmagz ini, silakan baca artikel berjudul 3 Kelebihan Template Linkmagz. Jika anda tertarik untuk membeli template premium ini silakan berkunjung ke laman Mas Sugeng di bawah ini

Cara Membuat Halaman Daftar Isi Blog

Sebenarnya mudah sekali cara membuat halaman daftar isi di blogspot menggunakan halaman statis. Ikuti panduan di bawah ini saja. Referensi ini diambil dari blog sugeng.id
  1. Login ke dashboard 
  2. Klik Halaman
  3. Buat Halaman baru, berikan judul Sitemap atau Daftar Isi
  4. Alihkan mode tampilan HTML bukan Compose
  5. Salin kode di bawah ini lalu tempel
    <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://qowim.net/",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. Klik Publikasikan
Klik contoh hasilnya di bawah ini.

Penutup

Sudah cukup, silakan lihat hasilnya dari pembuatan halaman daftar isi otomatis di template LinkMagz Sugeng.id 

Semoga bermanfaat, ya.

Qowim Musthofa
Qowim Musthofa Dosen IIQ An-Nur Yogyakarta Fakultas Ushuluddin Prodi Ilmu Hadis

2 comments for "Cara Membuat Halaman Daftar Isi atau Sitemap Otomatis Template LINKMAGZ Mas Sugeng"

nasehat-agama 24 April 2022 at 12:51 Delete Comment
punya saya nggak muncul , loading terus , gimana solusinya ?
Anonymous 30 April 2022 at 23:47 Delete Comment
Pastikan url blog yang dicantumkan harus benar, ya. dengan https. Selain itu jika memakai template bajakan maka tidak bisa menggunakan kode di atas.