Apa itu daftar isi? Sobat pasti pada tau kan? wah kalau sampai tidak tau kebangetan..
tidak perlu dibahas secara panjang lebar, kitalangsung saja pada tips cara membuat daftar isi otomatis.
Langkah Pertama:
1. Login ke account Blogger
2. Pilih Design (rancangan) --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini
<b:include data='post' name='post'/>
Kalau sudah ketemu ganti kode itu dengan kode dibawah ini:
Keterangan: EAE9E9 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.
Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua
Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Design (rancangan) --> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya
tidak perlu dibahas secara panjang lebar, kitalangsung saja pada tips cara membuat daftar isi otomatis.
Langkah Pertama:
1. Login ke account Blogger
2. Pilih Design (rancangan) --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini
<b:include data='post' name='post'/>
Kalau sudah ketemu ganti kode itu 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 style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#000000;'>
<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>
6. Simpan Template (save).<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:#000000;'>
<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>
Keterangan: EAE9E9 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.
Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua
Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Design (rancangan) --> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya
<a href="http://Nama blog sobat.com/search?max-results=200">Daftar isi»</a>
5. Simpan Widgetsjangan lupa mencoba dan jangan takut salah....tanyakan jika ngk bisa.
Tidak ada komentar:
Posting Komentar