Cara Baru Membuat Daftar isi Otomatis di Blog

Pada kesempatan malam ini, Tutorial Cara baru membuat daftar isi otomatis di blog akan saya bagikan kepada anda semua. Cara baru tersebut memang banyak kita jumpai dalam tutorial blog yang lain. yang membedakan dengan punya saya adalah tanpa adanya backlink balik menuju blog ini.

Daftar isi dalam blog khususnya blogspot, memang sudah disediakan oleh pihak blogger sendiri. tetapi daftar isi tersebut berupa arsip yang di golongkan berdasarkan tanggap dan bulan artikel diterbitkan. Sementara daftar isi otomatis di blog yang aan saya share adalah daftar isi yang berdasaran label blog anda. berikut ini adalah screenshot dari perwujudan cara baru saya

seperti yang anda lihat, Daftar isi otomatis diatas sudah dilengkapi dengan scroll Bar, sehingga anda bisa mengatur tinggi dan lebarnya kotak tersebut. Daftar isi itu juga dapat anda taruh pada sidebar blog ataupun membuatnya seperti postingan anda sendiri. sebagai contohnya anda bisa lihat penggunaan dan tampilan detailnya cara ini di daftar isi milik saya

Cara Baru Membuat Daftar isi Otomatis di Posting Blog

1. Login ke akun blogger anda
2. Buatlah postingan baru seperti anda sedang membuat artikel
3. Pilih mode “Entri  HTML Bukan Compose” pada pojok kiri atas



4. Copy Paste kode dibawah ini pada halaman HTML tersebut

<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src=”http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js”></script><script src="http://cara-baru-andie.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

5. Atur semua permanent link dan deskripsi yang ada pada kolom menu sebelah kanan sesuai keinginan.
6. Klik Publikasikan.

Cara Baru Membuat Daftar isi Otomatis di Sidebar / Widget Blog

1. Sama seperti cara diatas, log in dahulu ke blogger
2. Masuk ke dashboard
3. Pilih “Tata Letak” dan Klik “Tambah Gadget”
4. Pilih yang “Widget HTML/JavaScript”
5. Copy dan Pastekan code script berikut ini kedalamnya.

<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src="http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js"></script><script src=" http://cara-baru-andie.blogspot.com /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

6. Jika sudah selesai, klik Simpan

Keterangan Untuk Warna dari code script diatas:

• Kode warna merah Silakan diganti dengan URL homepage anda
• Kode warna Hijau merupakan ukuran dari tinggi kotak yang bisa anda atur sesuai keinginan

Silakan anda mencobanya dahulu, jika mengalami kesulitan bisa memberikan masukan pada kotak komentar dibawah. Lihat juga software gratis bagi anda yang ingin blogging / membuat artikel blog tanpa terhubung dengan Internet pada Free Download Windows Live Writer Offline. semoga membantu anda.

Sekian artikel saya kali ini yang membahas Cara Baru Membuat Daftar isi Otomatis di Blog. semoga dapat bermanfaat dan membantu sobat semua. Terima kasih atas kunjungannya.