Cara Mudah Membuat Daftar Isi Otomatis di Blog.Hampir dua bulan ga posting,gatal juga jemariku tidak menari di papan keyboard yg sudah lusuh ini..Saya coba posting cara membuat daftar isi otomatis di blog.Guna daftar isi otomatis ini adalah memberi jalan kemudahan untuk pengunjung dalam mencari artikel yang mereka inginkan.silahkan untuk contohnya sobat klik tulisan Daftar Isi pada menu horisontal di atas, maka hasilnya akan tampak daftar isi dari blog saya, pengen tahu caranya? Mari kita ikuti saja langkah-langkah berikut:
Langkah Pertama:
1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --> 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
2. Pilih Layout atau Tata Letak --> 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 script 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>
<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 dan #000000 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 Layout atau Tata Letak --> 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
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Layout atau Tata Letak --> 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.Lalu simpan widgets
Ganti tulisan warna hijau dengan nama blog sahabat,dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalam satu halaman daftar isi. Silahkan ganti sesuai keinginan.Semoga berhasil dan ada manfaat untuk sobat.Happy blogging.
sipp deh nice infohhhh....
ReplyDeleteBookmark dulu Sob...moga ini lebih enteng ketimbang pake JQuery...masak daftar isi gue manual...padahal jaman katanya dah canggih..payah...Thanks tipsnya...happy blogging!
ReplyDelete