Cara Membuat Daftar Isi Di Dalam Artikel SEO Seperti WordPress, Untuk Platform Blogspot

Biasa nya daftar isi blog atau sitemap hanya di buat di laman blog walaupun sebenar nya bisa tapi di platform wordpress dan lain-lain. dalam kesempatan kali ini saya akan memberikan tutorial cara membuat daftar isi di dalam artikel blog.

1. Membuat Daftar Isi SEO
2. Daftar Isi Dalam Artikel
3. Membuat Daftar Isi Dalam Artikel
4. Pemasangan Daftar Isi Dalam Artikel

apakah bisa membuat daftar isi di dalam artikel blog tentu saja bisa tetapi anda harus memasukan beberapa script ke dalam template blog anda. menurut beberapa pakar seo sendiri membuat daftar isi di dalam artikel termasuk teknik seo yang di pakai oleh wikipedia untuk tampilan daftar isi ini saat ada seseorang yang mencari artikel blog anda dengan keyword tertentu akan muncul sitelink di artikel sobat.

Tutorial Membuat Daftar Isi Dalam Artikel SEO Wikipedia

Langkah edit html membuat daftar isi dalam artikel

1. Login terlebih dahulu blogger.com
2. Lalu pilih TEMA > EDIT HTML
3. Copy code di bawah ini dan pastekan di bawah code </head>

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
//************* Table Of Concept
function mbtTOC() {var mbtTOC=i=headlength=gethead=0;
headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)
{gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}
//]]>
</script>

 4. Jika sudah selanjut nya copy code di bawah ini lalu pastekan di atas code </style> atau ]]></b:skin>

/*####Automatic TOC Plugin by MyBloggerTricks####*/ .mbtTOC{border:3px solid #4169E1;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFFF;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px; font-family:oswald, arial;display: block;width: 90%;}
.mbtTOC ol,.mbtTOC ul {margin:0;padding:0;}.mbtTOC ul {list-style:none;} .mbtTOC ol li,.mbtTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;} .mbtTOC a{color:#0080ff;text-decoration:none;} .mbtTOC a:hover{text-decoration:underline; }.mbtTOC button{background:#FFFFFF; font-family:oswald, arial; fontsize:20px;position:relative;outline:none;cursor:pointer; border:none; color:#707037;padding:0 0 0 15px;} .mbtTOC button:after{content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

5. Langkah terakhir cari semua code <data:post.body/> lalu ganti dengan code di bawah ini

<div id="post-toc"><data:post.body/></div>.

6. Setelah itu save HTML


 Langkah pemasang daftar isi di dalam artikel

1. Buatlah post baru atau edit post
2. Pada halam post pilih HTML jangan Compose
3. Masukan script di bawah ini di posisi dimana daftar isi ingin anda tampilkan

<div class="mbtTOC">
<button onclick="mbtToggle()">Daftar isi </button>
    <br>
<ol id="mbtTOC" style="display: block;"><li><a href="#point0">
Membuat Daftar Isi</a></li><li><a href="#point1">
Daftar Isi SEO</a></li><li><a href="#point2">
Tutorial Pemasangan Daftar Isi Edit tamplate</a></li><li><a href="#point3">
Langkah Pemasangan Daftar Isi di dalam artikel.</a></li></ol>
</div>

4. Langkah terakhir pastekan code di bawah ini tepat di akhir postingan masih dalam mode HTML yah

<script>mbtTOC();</script>

5. Setelah itu publish artikel anda.

Oke sampai sini saja mengenai tata cara membuat daftar isi di dalam artikel seperti wordpress yang bisa anda pasang di platform wordpress.