Cara Membuat Daftar Isi Blog Dengan Scroll

Penasaran.., ane ngliat beberapa blog ada daftar isi yang lumayan keren, jadi ane googling and ketemu beberapa artikel yang isinya rada sama.., ane mau nambain lagi biar banyak yang sama..wewewee.... sekalian nambah postingan ane..hmhmhm..

Ada 2 langkah dalam Membuat Daftar Isi Blog Dengan Scroll...



A. Edit HTML dulu

  1. Seperti biasa login ke Admin Area dulu.

  2. Masuk ke Edit HTML

  3. Cari kode <b:include data='post' name='post'/> dengan menekan Ctrl + F


  4. Ganti kode <b:include data='post' name='post'/> dengan :

<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 #000;border-bottom:1px solid #000;margin-bottom:2px;background:#c0c0c0;color:#2255aa;'>

<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>

  5. Save Template.

B. Tambah WidGet

  1. Masuk ke Tata Letak

  2. Tambah GadGet HTML/JavaScript

  3. Masukan Script berikut

<a href="http://FaisGallery.blogspot.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>  

  4. Ganti kode berwarna biru sesuai kemauan agan.

  5. Selesai