Sebelumnya blog ini pernah membahas widget daftar isi blogger di antaranya:
- Cara Membuat Daftar Isi + Dengan Scroll
- Membuat Daftar Isi Plus Dengan Label
- Widget Daftar Isi Blog V3
- Cara Membuat Arsip Blog Dengan Fungsi Scroll.
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
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>
<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!
thanks gan :) > http://contohsurat2014.blogspot.com/
BalasHapusMakasih kang
BalasHapusnot work
BalasHapus