Cara Membuat Table of Content Otomatis (TOC) Dalam Postingan Blog (Seo Friendly + Hirarki)

Kak Her


1. Table Of Content Otomatis

TOC ini hanya bisa tampil di atas artikel atau di bawah judul blog, tidak bisa di tempatkan di dalam artikel. Jika ingin menempatkan TOC di dalam artikel silahkan ikuti langkah kedua yaitu Semi Otomatis.

Pertama, silahkan masuk ke menu Dashboard Blog » Edit HTML, lalu simpan script berikut ini tepat di atas code </head>

Update : 06/10/2020
Perbaikan script (angka dan simbol) yang tidak muncul.
<script type='text/javascript'>
//<![CDATA[
function tockeren(){
var a=1,b=0,c="";
document.getElementById("postMiddle").innerHTML=document.getElementById("postMiddle").innerHTML.replace(/<h([d]).*?>(n.*?|.*?)</h([d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#'+f.replace(/[^a-z0-9]/gi," ").trim().replace(/s/g,"_")+'" title="'+f+'">'+f+"</a>",a=parseInt(e),"<h"+e+" id='"+f.replace(/[^a-z0-9]/gi," ").trim().replace(/s/g,"_")+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("tocContent").innerHTML+=c}
//]]>
</script>

Selanjutnya, cari code <data:post.body/> lalu ganti dengan code HTML berikut ini.

Artikel Terkait

Bagikan:

Tinggalkan komentar