Cara Membuat Widget Daftar Isi Blog Otomatis Berdasarkan Post Terbaru - Blog yang bagus memudahkan pengunjung untuk mencari informasi yang dibutuhkannya. Saat pengunjung ingin melihat semua isi blog, biasanya pengunjung menuju ke home page blog. Kemudian pengunjung akan membuka halaman demi halaman untuk mencari artikel yang menarik. Tentunya hal ini kurang efektif dan tidak efisien waktu. Dengan widget yang berisi daftar isi otomatis, pengunjung dengan mudah menemukan informasi yang dicarinya. Keuntungan bagi pemilik blog ialah page view blog akan meningkat lebih cepat. Kenapa otomatis ? Dengan widget daftar isi blog otomatis, blogger tidak perlu memasukkan link postingan satu per satu ke daftar isi tersebut. Berikut ini merupakan tampilan daftar isi yang akan kita buat nanti kurang lebihnya seperti dibawah ini :

Oke langsung saja, langkah pertama ialah masuk ke halaman pengaturan layout/tata letak caranya, masuk ke dasboard blogger, klik kanan daftar entri
, klik open link in new tab. Anda akan dibawah ke halaman postingan, lihat pada menu sebelah kiri klik layout/tata letak. klik tambah gadget. Setelah halaman tambah gadget muncul pilih html/javascript. Kemudian masukkan judul widget baru yakni daftar isi. Setelah itu masukkan kode berikut ini :
<div style="border: solid 2px orange; height: 400px; overflow: auto; width: 200px;">
<script src="https://sites.google.com/site/scriptbold/runscript/Table%20of%20Content.js">
</script><script src="http://jolinkys.blogspot.com/feeds/posts/default?max-results=9999&alt=
json-in-script&callback=loadtoc"></script></div>
Silahkan sesuaikan kode dibawah ini dengan blog anda :
height:400px = tinggi widget
width:200px = lebar widget
overflow:auto = scrool bar
border:solid 2px orange = 2px tebal garis, orange warna garis
http://jolinkys.blogspot.com/ = ganti dengan link blo anda.
Langkah terakhir klik simpan dan lihat hasilnya. Anda juga bisa memindahkan widget daftar isi ke bawah postingan, lalu klik simpan. Untuk lebih jelasnya silahkan lihat gambar di bawah ini :
Sekian postingan dari kami, semoga bermanfaat dan silahkan dipraktekan. Jika anda mengalami kendala saat memasang kodenya jangan sungkan-sungkan untuk bertanya.
Tags : Membuat daftar isi otomatis di blog.