Cara Mudah Membuat Daftar Isi Di Blog Secara Otomatis

11 1 minute read

Buat sobat blogger pemula banyak yang bingung dan bertanya bagaimana membuat daftar isi secara otomatis dan dikelompokan berdasarkan label,
sebenarnya sudah banyak tutorial ini diluaran sana tetapi katanya tutorialnya gak jelas dan ingin dibuatkan tutorialnya sejelas mungkin sehingga blogger pemula pun bisa membuatnya.Baiklah mari kita langsung saja membuat daftar isi yang dimaksud :

● Pada dashbor blog Sobat pilih LAMAN atau PAGE jika blog sobat menggunakan bahasa inggris.

● Selanjutnya sobat klik Laman baru ,seperti terlihat pada gambar di bawah

● Kemudian klik HTML

● Selanjutnya masukkan kode script di bawah ini

</p>
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;overflow: auto; height: 500px; width: 500px;text-align: left;">
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<p></p>
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/aramdan/share@master/sitemap.js" type="text/javascript"></script><br />
<script src="http://namablogsobat.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>
<p>

● NB : Ganti http://namablogsobat.blogspot.com/ dengan URL Blog sobat.
● Seperti terlihat pada gambar SS di bawah ini

● Selanjutnya sobat klik kembali Compose , lihat gambar SS ,kemudian sobat klik publikasikan.

● Sekarang blog anda sudah memiliki daftar isi, jika anda membuat artikel baru maka akan secara otomatis masuk kedalam daftar isi tersebut dan akan di kelompokan berdasarkan bulan ketika anda membuat artikel tersebut.tampilan daftar isi dari blog sobat akan terlihat seperti gambar di bawah.

● Saya rasa sudah cukup jelas dan bagi anda yang masih bingung seperti biasa anda bisa bertanya di kolom komentar atau langsung ke halaman FACEBOOK FP TAMBOENMAN.COM semoga bermanfaat dan salam blogger..!!