Pada kesempatan kali ini, saya akan membahas bagaimana cara membuat daftar isi. Nah, pada intinya daftar isi yang akan kita buat nanti berisikan semua judul-judul postingan yang ada dalam blog kita yang ditampilkan dalam suatu halaman.
Bagaimana, sudah tidak sabar ingin membuatnya? Ikuti langkah-langkah berikut ini…
1. Pada dashboard, klik Layout.
2. Kemudian klik Edit HTML.
3. Jangan lupa klik Download Template Lengkap terlebih dahulu.
4. Beri tanda centang pada Expand Template Widget.
5. Kemudian lihat pada bagian body template, cari kode di bawah ini
| <b:include data='post' name='post'/> |
6. Lalu hapus kode tersebut, ganti dengan kode di bawah ini
| <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> |
7. Klik Save Template.
Langkah selanjutnya, bila Anda menginginkan link daftar isi tersebut berada di sidebar, maka ikuti langkah di bawah ini…
1. Klik tab Elemen Halaman.
2. Lalu klik Tambahkan Gadget.
3. Kemudian akan muncul window baru, cari tulisan HTML / JavaScript.
4. Tambahkan kode berikut ini
| <a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar Isi</a> |
5. Ganti NamaBlogAnda yang tercetak hijau di atas dengan nama blog Anda sendiri. Untuk angka 200 yang tercetak hijau di atas dapat Anda ubah sesuai keinginan Anda sendiri, yakni seberapa banyak judul postingan yang akan ditampilkan dalam daftar isi.
Namun apabila Anda menginginkan daftar isi tampil di tombol navigasi seperti milik wong ndeso di atas, ikuti langkah berikut…
1. Klik Edit HTML.
2. Carilah kode di mana Anda men-setting tombol navigasi Anda sendiri, misal...
| <div id='menu'> <ul id='mnuList'> <li><a href='http://wildan-arief.blogspot.com/'><span>Home</span></a></li> <li><a href='http://www.blogger.com/profile/16726247953548066171'><span>About Me</span></a></li> <li><a href='http://wildan-arief.blogspot.com/search/label/Music'><span>Music</span></a></li> <li><a href='http://wildan-arief.blogspot.com/search/label/Tutorial'><span>Tutorial</span></a></li> <li><a href='http://wildan-arief.blogspot.com/search?max-results=200'><span>Daftar Isi</span></a></li> </ul> </div> |
3. Tambahkan kode berikut
| <li><a href='http://NamaBlogAnda.blogspot.com/search?max-results=200'><span><blink>Daftar Isi</blink></span></a></li> |
4. Ganti NamaBlogAnda yang tercetak hijau di atas dengan nama blog Anda sendiri. Untuk angka 200 yang tercetak hijau di atas dapat Anda ubah sesuai keinginan Anda sendiri, yakni seberapa banyak judul postingan yang akan ditampilkan dalam daftar isi.
Sekedar tambahan, jika Anda menginginkan blink (berkedip) seperti di atas, Anda tinggal menambahkan kode <blink>Daftar Isi</blink>, sehingga kodenya menjadi seperti ini
| <li><a href='http://wildan-arief.blogspot.com/search?max-results=200'><span><blink>Daftar Isi</blink></span></a></li> |
Semoga bermanfaat !
Dapatkan update hacking tutorial, tips dan trik menarik seputar teknologi, download full software, belajar bisnis internet, dan masih banyak lagi langsung ke email Anda sekarang juga!
Terimakasih Info nya :)
BalasHapussangat bermanfaat untuk saya