Berbeda dengan postingan saya sebelum yang membahas tentang cara membuat daftar isi sitemap di blog, kali ini saya akan share untuk sobat bagaimana cara memasang daftar isi pada sidebar blog sobat. Widget ini akan menampilkan daftar isi blog sobat dalam bentuk per label dan akan menampilkan seluruh postingan ( artikel ) jika sobat mengklik opsi All label. Selain itu, widget ini juga di lengkapi dengan fungsi scrolling yang berguna untuk menghemat halaman blog sobat.
Sobat yang tertarik untuk memasang widget ini, silahkan ikuti langkah - langkahnya berikut :
1. Log in ke akun blog sobat.
2. Kliik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan script berikut kedalam kotak.
<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://christiantatelu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script></div>
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://christiantatelu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script></div>
Lihat Gambar :
Tambahan :
- Semua tulisan yang bercetak tebal pada script adalah kode yang bisa di utak-atik atau di ganti terutama kode width ( lebar ) dan height ( tinggi ) yang harus di sesuaikan dengan ukuran sidebar blog sobat dan tentunya nama blog juga..
- Kode yang berwarna biru (500) pada script adalah jumlah yang daftar isi yang akan di tampilkan. Ubah kode tersebut jika halaman blog sobat berjumlah lebih dari kode tersebut.
Demikianlah Cara Membuat Daftar Isi di Sidebar Blog, semoga bisa membantu sobat blogger dalam menghias blog sobat.
37 comments
Write commentsterima kasih ya atas informasinya ya :0)
ReplyNice sahre gan, ma kasih
Replyinfo yang bagus Gan...share ya....ke info toko surya62...makasih
Replysaya suka dengan postingan anda, oya saya kemarin sudah baca postingan anda di atas dan saya sudah praktekkan, tetapi saat pertama kali saya pasang kok daftar isi jadi 2, tetapi beruntung sudah benar.
Replyterima kasih,,,, dan saya akan berkunjung kembali
sip dah behasil
Replywih kren ne,..udh ok my blog,..
Replyoje gan infonya tapi untuk buat yang wordpress gmana Bisa gak ? thanks jawabnnya
Replyijin coba gan
Replysip.. langsung ane coba..
Replyjgn lupa kunjungi http://wonoindie.blogspot.com
Replylink back dunk min aku dah masang linknya http://cecepkaton.blogspot.com/
Replyeh gan...
Replysudah saya aplikasikan daftar isinya diblog saya...
keren baget.. bisa otomatis ngeadd postingan...
Blogspot Tutorial
sangat membantu gan
Replypostingan ini sangat menarik serta enak dibaca tentang cara membuat memasang daftar isi.... saya berharap bisa berkunjung lagi
Replywuiiih...keren banget mas bro...visit backm my blog ya di http://penjahitasakobagus.blogspot.com
Replymakasih mas ini yang saya cari :D
Replysaya coba dulu, kalo berhasil saya balik kesini lagi :)
ReplyBerhasil sob,,
Replysalut, kode diatas tidak ditaruh link balik...
makasi yaa uda berbagi
siphhh
Replymantap gan
Replylangsung ke TKP buat praktek
Replyinfo menarik nih gan
ReplySaya Mengundang Kamu Untuk Mengikuti Lomba
ReplyTOP KOMENTAR AWARD
Cara tidak susah kok. cuman berkomentar saja.
Jika kamu menang, kamu akan mendapatkan hadiah.
link:http://www.pai-cube.com/2013/01/top-komentator-award-dari-pai-cube.html
wow..nice info gan...ini yg saya cari2
Replykunjungi juga my blog www.newindoblog.blogspot.com
mantaap kunjungi blk sob..xramabanten.blogspot.com
Replykeren. ada yg model lain ngak, aku pengen yg isi scrolnya cuman lebel saja yg ada di scroll. tolong bantu infonya please.
ReplyDamar-Journal.blogspot.com
Terima kasih
numpang copy ya sob,gw br bljr nich,cuman bwt ngisi blog gw.
Replythx bro
Replyterimakasih bro, artikelnya sangat bermanfaat buat blog saya
ReplyMantab nih script nya! Membantu banget :)
Replynice artikel.. thanks gan
Replykeren banget infonya...>.< saya juga mau coba, maklum msh newbie..he..he...maju terus teman..mantap....:)
ReplyMantap gans, keren, kunjung balik gans
ReplySharetivis
Thanks ya bero informasinya :D
Replyane praktekin dulu ya gan :D
Replyterimakasih artikel yang sangat bagus menambah wawasan tentang dunia blog sekali lagi terimakasih......
Replymasih bungung juga kang,, sidebar blog itu dimana.. Hehehe..
ReplyKaaaabuuurrr... :D
EmoticonEmoticon