Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Cara Memasang Halaman Sitemap pada Template LinkMagz

Cara Memasang Halaman Sitemap pada Template LinkMagz
hobingoding.com - Halaman Sitemap (Daftar Isi) merupakan sebuah halaman yang berisi daftar isi postingan-postingan yang ada pada sebuah blog yang biasanya postingan-postingan ini dikelompokkan berdasarkan label kategori.

Sebelumnya saya juga sudah pernah memberikan tutorial bagaimana cara membuat halaman Sitemap dengan tampilan yang keren yang artikel pembahasannya bisa kamu baca di bawah ini:

Baca juga: Cara Membuat Sitemap (Daftar Isi Blog) Otomatis dengan Tampilan yang Keren

Namun sesuai dengan judul postingan kali ini, saya disini akan membahas bagaimana kita bisa memasang halaman Sitemap pada template LinkMagz, template terbaru dari Mas Sugeng yang jika kamu perhatikan pada bagian CSS template LinkMagz ini sudah terdapat kode CSS dengan class .tabbed-toc yang bisa kita gunakan pada halaman Sitemap ini sehingga kita hanya perlu melakukan pemanggilan script untuk menampilkan daftar isi postingan-postingan yang kita miliki.

Catatan: Pastikan kamu mendapatkan template LinkMagz ini dengan cara membelinya langsung dari Mas Sugeng untuk mendapatkan support langsung dari Mas Sugeng. Selain itu dengan membelinya secara langsung dari Mas Sugeng, kamu sudah termasuk mendukung Mas Sugeng dalam mengembangkan template ini dan template-template yang sudah ada sebelumnya.

Cara Memasang Halaman Sitemap (Daftar Isi) pada Template LinkMagz

1. Buka dashboard Blogger > pilih menu Halaman > buat sebuah Halaman Baru.
2. Ketikkan judul halaman, lalu ubah mode draft postingan dari mode Compose menjadi mode HTML.
3. Salin kode di bawah ini lalu tempelkan pada draft postingan mode HTML.
<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://hobingoding.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>
Catatan: ubah bagian yang berwarna merah di atas dengan alamat blog yang kamu miliki
4. Terakhir klik Publikasikan.

Berikut adalah tampilan dari halaman Sitemap yang berhasil kita buat sesuai dengan langkah-langkah yang ada di atas.
Halaman Sitemap pada Template LinkMagz

Demo

Jika kamu perhatikan tampilan Sitemap "bawaan" pada template LinkMagz ini bisa dikatakan mirip atau bahkan sama dengan Sitemap bawaan yang ada pada template VioMagz. Hal ini dikarenakan memang kode yang digunakan sama sehingga tentunya tampilan yang dihasilkanpun tidak jauh berbeda.

Demikianlah Cara Memasang Halaman Sitemap pada Template LinkMagz. Jika ada yang ingin kamu tanyakan, silahkan tanyakan pada kolom komentar yang ada di bawah. Terima kasih.
Fandi Presly Simamora
Fandi Presly Simamora Don't think too long because the chance can't waiting for you.

8 komentar untuk "Cara Memasang Halaman Sitemap pada Template LinkMagz"

  1. mantul gan terima kasih tutorialnya.. https://www.herwin.my.id/p/sitemap.html

    BalasHapus
  2. gan cara buat tampilan about, sitemap, dan privacy policy dibawah gimana ya? makasi

    BalasHapus
    Balasan
    1. Masuk ke Tata Letak, trus scroll ke paling bawah gan cari yang namanya widget Menu Halaman Statis.

      Hapus
  3. wah keren artikelnya, saya pengguna viomagz dan linkmagz milik mas sugeng. namun, saya modifikasi kembali agar beda dari aslinya.

    kunjungi balik ya gan www.faronesia.com

    BalasHapus
  4. makasih brother sangat membantu, kunjungi balik yang mau belajar bahasa inggris

    https://www.englishpurwanto.com/

    BalasHapus
  5. mas kok pas saya coba pertama bisa terus saya ganti domain dari blogspot ke TLD terus pas saya coba malah gabisa sitemapnya padahal url yang tulisan merah sudah saya ganti dengan url blog saya yang baru gimana ya mas?

    mohon bantuannya

    BalasHapus
    Balasan
    1. mungkin domain baru mas sedang masa propagasi / persiapan, jadi ditunggu saja mas beberapa jam atau hari ke depan

      Hapus
  6. Kok Sitemap Saya Kosong Gan. Gak Nampak Apa2

    BalasHapus

Berlangganan via Email