Cara Menciptakan Daftar Isi Di Dalam Artikel Seo Menyerupai Wordpress, Untuk Platform Blogspot

Biasa nya daftar isi blog atau sitemap hanya di buat di laman blog walaupun sebenar nya dapat tapi di platform wordpress dan lain-lain. dalam kesempatan kali ini aku akan memperlihatkan tutorial cara menciptakan 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 dapat menciptakan daftar isi di dalam artikel blog tentu saja dapat tetapi anda harus memasukan beberapa script ke dalam template blog anda. berdasarkan beberapa pakar seo sendiri menciptakan daftar isi di dalam artikel termasuk teknik seo yang di pakai oleh wikipedia untuk tampilan daftar isi ini ketika 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 menciptakan 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 kemudian 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/> kemudian 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 gres 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 sempurna di simpulan postingan masih dalam mode HTML yah

<script>mbtTOC();</script>

5. Setelah itu publish artikel anda.

Oke hingga sini saja mengenai tata cara menciptakan daftar isi di dalam artikel ibarat wordpress yang dapat anda pasang di platform wordpress.