-
►
2011
(123)
- ► 3 Juli - 10 Juli (2)
- ► 26 Juni - 3 Juli (3)
- ► 12 Juni - 19 Juni (2)
- ► 3 April - 10 April (6)
- ► 20 Maret - 27 Maret (3)
- ► 23 Januari - 30 Januari (10)
- ► 16 Januari - 23 Januari (23)
- ► 9 Januari - 16 Januari (18)
- ► 2 Januari - 9 Januari (24)
-
▼
2010
(450)
- ► 26 Desember - 2 Januari (26)
-
▼
7 November - 14 November
(13)
- Tutorial HTML : Pengertian Tentang HTML
- Struktur dasar HTML
- Tutorial HTML: Pengaturan Teks
- Tutorial HTML : Membaca Simbol dan Karakter HMTL
- Tutorial HTML: Membaca Tag atau kode HTML
- Membuat Buku Tamu Tersembunyi Di Samping Kiri Kanan
- RECENT POST MODEL SCROLL DI BLOG
- Membuat Daftar Isi Blog Cantik Dan Keren
- Inilah Jawaban Anda #4
- Inikah Yang Anda Cari #3
- Masih Tak mengerti...??? #2
- Inikah Pertanyaan Anda...??? #1
- Permasalahan Scroll Pada Kode Verifikasi Komentar
- ► 24 Oktober - 31 Oktober (16)
- ► 17 Oktober - 24 Oktober (31)
- ► 10 Oktober - 17 Oktober (69)
- ► 3 Oktober - 10 Oktober (38)
- ► 18 April - 25 April (6)
Berbeda dengan daftar isi yang lain, ini lebih lengkap,
tidak berat saat loading. Daftar isi ini berbentuk table dan dapat difilter
berdasarkan Judul Post, Tanggal Post, Categorie.
Untuk dapat membuat Daftar Isi Blog Keren ini diperlukan 3 langkah, silahkan simak baik-baik.tidak berat saat loading. Daftar isi ini berbentuk table dan dapat difilter
berdasarkan Judul Post, Tanggal Post, Categorie.
Langkah 1. Login ke blogger, masuk menu Edit HTML, lalu cari kode: ]]></b:skin>
Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;} .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;} .toc-header-col2 { width:75px;} .toc-header-col3 { width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:50%; text-decoration:none;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;} |
Langkah 2. Tambahkan elemen baru dengan cara add gadget pilih java script lalu masukkan kode ini:
<div id="toc"></div> |
Langkah 3. Tambahkan elemen baru dengan cara add gadget
pilih java script lalu masukkan kode ini:
<div id="toclink"><a href="javascript:showToc();"><img src="http://i873.photobucket.com/albums/ab299/handi_05/foldercilik.gif"/> Lihat Daftar Isi !</a><br/><br/></div> <script style="text/javascript" src=" http://h1.ripway.com/barno/mytabcontn.js"> </script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script> |
Keterangan:
- Jangan Lupa sebelum mengedit html harus backup dulu.
- Setelah selesai melaksanakan setiap langkah jangan lupa
di save. - Kata YOURBLOG diganti dengan URL blog anda
Sekarang anda sudah mempunyai Daftar Isi Blog yang Keren.
-
Pesan Gw : Komentar Anda Sangat Berarti Untuk Perkembangan BLOG ini...