Cara membuat daftar isi blog berdasarkan label

Cara Menambah Daftar Isi Di Blog

Cara membuat daftar isi blog dengan daftar isi berdasarkan label  karena bisa menampilkan seluruh judul postingan di blog dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, maka  judul postingan tidak akan muncul di dalam daftar isi ini.

Cara membuat daftar isi blog berdasarkan label ini bisa di gunakan dengan 2 cara yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini di halaman depan blog, dengan maksud mempermudah  pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita


Contohnya sebagai berikut :

Dan bagi sobat yang ingin membuat dengan cara ini  Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

 <div style="overflow:auto;width:400px;height:150px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat


6. Kemudian save dan letakkan sesuai dengan keinginan sobat.


Kemudian cara kedua Cara membuat daftar isi blog berdasarkan label yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih laman baru
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau sutemap atau  judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Lalu jika sobat ingin menampilkanya di dalam menu bar seperti yang saya punya sobat bisa mengcopi pastekan URL nya ke dalam salah satu moke
Oke sob demikian tips kali ini semoga bermanfaat sekian dan terima kasih

Posted in: tips