Cara Membuat Daftar Isi Blog (modifikasi)

Membuat Daftar isi blog kali ini berbeda dengan sebelumya,baik tampilan maupun script yg akan di gunakan, Saya pribadi lebih suka dg Daftar isi ini karena bisa menampilkan seluruh judul postingan dan di kelompokan
sesuai dengan label masing -masing judul.Jadi kalo postingan tidak menggunakan lebel,besar kemungkinan judul postingan tidak akan muncul dalam Daftar isi ini.
Daftar isi saya bagi menjadi dua bagian yaitu daftar isi di tampilkan pada satu halaman penuh dan Daftar isi pada halaman depan blog.

Cara pertama adalah jika kita menampilkan Daftar isi ini di halaman depan blog kita,agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita.

Berikut ini Langkah-langkah yg perlu kita lakukan :

A. Cara Pertama :

1. Masuk ke akun blogger anda
2. Pilih tata letak 
3. Pilih tambah gadget
4. Pilih HTML/Javascrip
5. Beri judul Daftar isi sesuai keinginan anda
6. Masukan dan copas kode berikut ini :

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sites.google.com/site/manuvercommunity/javascript/Daftar%20Isi.js"></script><script src="http://freemanuver.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

• freemanuver.blogspot.com ganti dengan alamt blog anda
• Width :430px  --->ganti lebar dengan  lebar yang anda ingnkan,sesuaikan dg template blog
• Heigth :120px  --->Ganti tinggi dg  tinggi yang anda inginkan 

      7. Save dan letakan sesuai keinginan pean mas bro....

B. Cara kedua :

1. Masuk ke akun blogger anda
2. Pilih newpost/entri baru 
3. Pilih  HTML 
4. Beri judul Daftar isi atau apa yg anda senangi 
5. Copy paste scrip di bawah ini 

<script style="text/javascript" src="https://sites.google.com/site/manuvercommunity/javascript/Daftar%20Isi.js"></script><script src="http://freemanuver.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

 Catatan : //freemanuver.blogspot.com ganti dengan alamat blog anda 

    6. Save dan publish kan....oke??? Selamat mencoba sobat-sobat blogger..?

Artikel Terkait