Pada postingan sebelumnya saya sudah menyampaikan bagaimana caranya membuat daftar isi secara manual.
Untuk kali ini saya coba sampaikan bagaimana cara membuat daftar isi secara otomatis dengan mudah.
1. Login ke Blogger
2. Masuk ke menu rancangan - Edit HTML - expand widget
3. Buat lah kode CSS di bawah ini :
5. Copas kode CSS yang telah kita buat tadi dan letakkan tepat di atas kode tadi.
6. Langkah selanjutnya kita cari kode : <b:include data='post' name='post'/>
Jika di blog kita sudah terdapat 2 kode di atas, maka kita pakai yang pertama
7. Ganti kode tadi dengan kode dibawah ini :
9.Kemudian kita masuk ke menu page element dan klik Add Gadget pilih Edit Html/java script, posisinya terserah di mana kita mau meletakkannya, apakah mau di menu atau di side bar. Contohnya bisa di lihat di DAFTAR ISI blog ini.
10. Copy paste kode di bawah ini kedalamnya, ganti alamat link dengan alamat Link anda
<a href="http://www.gobelajarmandiri.blogspot.com/search?max-results=100">Daftar isi</a>
Selesai.... dan coba lihat hasilnya...!!
SEMOGA BERMANFAAT
Untuk kali ini saya coba sampaikan bagaimana cara membuat daftar isi secara otomatis dengan mudah.
1. Login ke Blogger
2. Masuk ke menu rancangan - Edit HTML - expand widget
3. Buat lah kode CSS di bawah ini :
#daftar-isi-otomatis{ border:2px outset blue; padding:5px 0 5px; background:# 060d69 }
4. Cari kode ]]></b:skin>5. Copas kode CSS yang telah kita buat tadi dan letakkan tepat di atas kode tadi.
6. Langkah selanjutnya kita cari kode : <b:include data='post' name='post'/>
Jika di blog kita sudah terdapat 2 kode di atas, maka kita pakai yang pertama
7. Ganti kode tadi dengan kode dibawah ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='daftar-isi-otomatis'>
<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>
8. Simpan Template<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='daftar-isi-otomatis'>
<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>
9.Kemudian kita masuk ke menu page element dan klik Add Gadget pilih Edit Html/java script, posisinya terserah di mana kita mau meletakkannya, apakah mau di menu atau di side bar. Contohnya bisa di lihat di DAFTAR ISI blog ini.
10. Copy paste kode di bawah ini kedalamnya, ganti alamat link dengan alamat Link anda
<a href="http://www.gobelajarmandiri.blogspot.com/search?max-results=100">Daftar isi</a>
Selesai.... dan coba lihat hasilnya...!!
SEMOGA BERMANFAAT
Silahkan Baca Artikel Lainnya juga
BELAJAR NGEBLOG
- Cara memasang widget sharethis di bawah Artikel
- CARA MEMBUAT SCROLL BAR DALAM POSTINGAN BLOG
- Cara Verifikasi: file HTML
- Istilah dalam AdSense
- CARA MEMBUAT SEMUA LINK MEMBUKA DI TAB BARU
- Cara Membuat Background Efek pada Widget Blog
- Istilah-istilah di dalam Internet
- Cara membuat Menu horizontal Rounded version
- Cara Membuat Auto Read More di blog
- CARA MEMBUAT DAFTAR ISI MANUAL
- Cara membuat Live Traffic Feed di blogspot
- CARA MEMBUAT CURSOR DI BLOGSPOT DIIKUTI OLEH TEXT ATAU TULISAN
- Cara memasang iklan di bawah Postingan
- Cara Membuat Blockqute Hover
- Belajar Adsense google
- Cara membuat bintang berkedip ketika kursor mendekati Link
- Cara mengganti jenis cursor di blog
- CARA MENAMBAHKAN REAKSI DI BLOGSPOT / BLOGGER
- TIPS and TRIK CARA MEMBUAT WIDGET DI HEADER - BLOGSPOT / BLOGGER
- Belajar bikin Blog sendiri
- Belajar membuat Tex Flash di Blog Spot / Blogger
- CARA MEMBUAT JUDUL POSTINGAN BERJALAN
- CARA BERTUKAR LINK DI BLOGSPOT / BLOGGER
- Cara Membuat Web gratis di webhost
0 komentar:
Posting Komentar