Cara Membuat Daftar Isi Blog Otomatis

Untuk cara membuat daftar isi blog keren otomatis ini ane akan memberikan dua fungsi/gaya. Untuk yang pertama adalah fungsi langsung yang bisa di simpan di halaman blog agan, dan yang ke dua adalah fungsi scroll yang nantinya bisa agan simpan di sidebar blog agan.

1. Funsi langsung

  • Masuk ke akun Blogger agan
  • Klik menu "Laman" -> "Laman Baru"
  • Beri judul Daftar Isi atau terserah sesuai keinginan agan
  • Pilih mode "HTML/JavaScript"
  • Kopas kode berikut dan simpan didalamnya
<script src="https://sites.google.com/site/codegogle/file-cabinet/contents.js"></script><script src="http://namablogagan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

2. Funsi langsung
  • Masuk ke akun Blogger agan
  • Klik "Tata Letak"
  • Klik "Tambah Gadget" -> "HTML/JavaScript"
  • Beri judul Daftar Isi atau terserah sesuai keinginan agan
  • Kopas kode berikut dan simpan didalamnya
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sites.google.com/site/codegogle/file-cabinet/contents.js"></script><script src="http://namablogagan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Note :
namablogagan : Ganti dengan nama blog agan
width:430px: Lebar scroll yang bisa agan ganti dengan selera agan.
heigth:120px: Tinggi scroll yang bisa agan ganti dengan selera agan.

demikian tutorial kali ini semoga bermanfaat bagi yang membacanya.

6 komentar

THNKS salam dari biohazardre4.bloggspot

wah infonya bagus banget gan
sekalian ane dah follow blog agan
jangan lupa follback yaaaa gan :)
http://pixmasoftware.blogspot.com/

Sudah saya terapkan diblog saya, makasih gan :)

thanks bos. . tutorialnya jalan ..hehe


EmoticonEmoticon

Followers