Membuat Widget Daftar Isi Otomatis di blogger, hal itulah yang akan kita bahas sekarang, oke kayaknya kalo widget daftar isi saya tidak perlu mnjelaskannya lagi, karna saya rasa sobat udah pada tau tentang Widget Daftar Isi dan kegunaanya di blog sobat!
Sebelumnya blog ini pernah membahas widget daftar isi blogger di antaranya:


dan sekarang yang kita bahas juga sama masih mengenai daftar isi tapi tampilan dan model yang berbeda dan sekarang saya beri judul adalah Membuat Widget Daftar Isi Otomatis. contohnya seperti ini:
Widget Daftar Isi Otomatis

Untuk memasang widget seperti di atas pada blog sobat, sobat cukup ikuti langkah-langkah berikut:

1. Masuk ke akun blogger sobat.

2. Pada menu pilih Rancangan ➨ Tambah Gadget.

3. Pada Gadget pilih HTML/Java Script.

4. Selanjutnya copy paste kode berikut kedalamnya.

<div style="background: transparent url(#) no-repeat scroll 0 0; border:1px solid white; height:350px; overflow:auto; width:270px;text-align:left;float:center">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://otowebsite.googlecode.com/files/Daftarisi-otowebsite.blogspot.com.js">
</script>
<script src="http://otowebsite.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script><div style="text-align:center">Cara membuat <a href="http://otowebsite.blogspot.com/">Get Wigets</a></div></div>

5. Simpan, dan lihat hasilnya.

Keterangan:
Ganti url yang bewarna merah dengan url blog sobat.
Untuk merubah ketinggian widget silahkan sobat ganti height:350px dangan angka lainnya, contoh: height:350px.
Untuk mengatur lebar silahkan sobat ganti width:270px terserah sobat/sesuaikan dengan lebar widget blog sobat, contoh: width:300px

Sekian dulu untuk postingan kali ini semoga articles/postingan kali ini bisa bermanfaat untuk sobat semua.

Bagaiman apakah sobat berhasil menerapkannya ke blog sobat?
Silahkan tinggalkan tanggapan/komentar sobat tentang postingan/articles di atas!

Posting Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top