HRMlblCMFqqInfU78c3NMJxDetM02ycHTU9BqBl9

Cara Memasang Halaman Sitemap pada Template LinkMagz

Cara Membuat Halaman Sitemap 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.

Related Posts
Fandi Presly Simamora
Lecturer, code lover, technology enthusiast, enjoys sharing various things through writing, and of course, just a regular human being. Hello world :)

Related Posts

13 komentar

  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
  7. Oke Mas, muncul di blog saya.
    Terima kasih.

    BalasHapus
  8. Informasinya sangat membantu, terimakasih

    BalasHapus
  9. makasih gan sangat membantu di blog ane, mantull

    main2 ke blog ane gan siapa tau ada masukan gan hehehe

    https://www.rumahblogger.my.id

    BalasHapus
  10. Sangat membantu.. terima kasih bang..

    BalasHapus