24 C
en
Alvian Indonesia
Cloud Hosting Indonesia

Mega Menu

  • Home
  • Fotografi
    • All
    • Tips Fotografi
    • Editing
    • Preset
  • Desain Grafis
  • Editing
  • Review
  • Blogging
  • Download
Alvian Indonesia
Search
Home Blogging Cara membuat halaman sitemap daftar isi di Blog
Blogging

Cara membuat halaman sitemap daftar isi di Blog

Alvian Indonesia
24 May, 2020 0 0
Facebook
Twitter
Telegram
WhatsApp


Hai, ketemu dengan saya Alvian Indonesia,

Di artikel ini saya akan memberikan tutorial cara membuat daftar isi atau sitemap sebuah blog atau website. Daftar isi atau sitemap ini biasanya dibuat pada halam khusus, contoh sitemap atau daftar isi blog ini bisa kalian lihat di sini.

Cara membuatnya cukup mudah.

  • Login ke akun Blogger kamu > Pergi ke menu "Halaman"
  • Lalu pilih tambahkan "Halaman Baru"
  • Tulis judul misalkan Sitemap atau Daftar Isi
  • Selanjutnya ganti mode edit teksnya ke "Tampilan HTML"
  • Masukkan kode di bawah ini ke bagian konten

<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://alvianindonesia.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>
  • Ganti alamat url yang diblok merah menjadi alamat blog kamu.
  • Selanjutnya klik "Publikasikan"
Via Blogging
Facebook
Twitter
Telegram
WhatsApp
Older Posts
Newer Posts
Alvian Indonesia
Alvian Indonesia Tips desain grafis, fotografi dan editing dari Alvian Indonesia. IG:@alvian.indonesia

Post a Comment

Ads Single Post 4

About Me

My photo
Alvian Indonesia
Jakarta Selatan, Indonesia
Tips desain grafis, fotografi dan editing dari Alvian Indonesia. IG:@alvian.indonesia
View my complete profile

Sponsor

Template Presentasi

[FREE] Template Presentasi Powerpoint - Seminar Proposal Skripsi Alvian

[FREE] Template Presentasi Powerpoint - Seminar Proposal Skripsi Alvian

Alvian Indonesia- December 18, 2020
[FREE] Template Presentasi Powerpoint - Seminar Proposal Skripsi Alvian

[FREE] Template Presentasi Powerpoint - Seminar Proposal Skripsi Alvian

December 18, 2020
Memotret Dengan Mikroskop

Memotret Dengan Mikroskop

December 15, 2020
White Balance Pada Foto Portrait

White Balance Pada Foto Portrait

December 18, 2020
Cara Membuat Signature Tanda Tangan Email yang Menarik

Cara Membuat Signature Tanda Tangan Email yang Menarik

May 12, 2021

Rekomendasi Hosting

Affiliate Banner Unlimited Hosting Indonesia
Alvian Indonesia

About Us

Tips desain grafis, fotografi dan editing dari Alvian Indonesia.

Contact us: alvian.ind@gmail.com

Follow Me

© Copyright 2021 Alvian Indonesia
  • About
  • Disclaimer
  • Privacy
  • Contact Us