Membuat Daftar Isi Blog

Pastinya anda pernah atau bahkan sering sekali membaca buku, tapi terkadang rata-rata dari anda mempunyai kecenderungan suka dengan hal-hal yang menurut anda menarik saja untuk dibaca, dan untuk mempermudah pencarian itu, si pembuat buku pun menyertakan halaman Daftar Isi. Tapi disini kita tidak membahas masalah buku, melainkan "Bagaimana Caranya Membuat Daftar Isi pada Blog?". Disini saya berikan 2 cara, yaitu Manual dan Up to Date (sesuai dengan arsip blog), langsung meluncur ke TKP:

• Manual

1.  Login akun blog anda
2. Pilih Rancangan 
3. Tambah Gadget, pilih HTML/Javascript
4. Silakan beri judul gadget anda, misalnya "Daftar Isi Blog"
5. Copy kode berikut :
   Code

   <div style="border: 1px solid #000; overflow: auto; height: 220px;">
   
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda #1">Judul Isi Blog Anda #1</a>
   <br/>
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda #2"> Judul Isi Blog Anda #2</a>
   <br/>
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda #3"> Judul Isi Blog Anda #3</a>
   <br/>
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda #4"> Judul Isi Blog Anda #4</a>
   <br/>
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda #5"> Judul Isi Blog Anda #5</a>
   <br/>
   <img src="http://i452.photobucket.com/albums/qq250/EGGADY/arrow_s3_blue2.png"/><a href="URL Isi Blog Anda dst."> Judul Isi Blog Anda dst.</a>
   <br/>
   
   </div>
     Ket. : Gantilah tulisan berwarna merah dengan url/link postingan anda, misalnya http://eggady.blogspot.com/2011/03/membuat-daftar-isi-blog.html dan gantilah tulisan berwarna biru dengan judul postingan anda, misalnya "Membuat Daftar Isi Blog"
6. Paste/tempelkan kode kedalam kolom gadget yang berjudul "Daftar Isi Blog" tadi.
7. Klik SAVE dan selesai. 

•  Up to Date

Tutorial ini saya dapat dari website-nya Abu Farhan. 

1. Copy kode berikut :
   Code

   <link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
   <script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
   <script src="http://deconstructioncode.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
2. Login akun blog anda.
3. Pilih Rancangan 
4. Tambah Gadget, pilih HTML/Javascript
5. Silakan beri judul gadget anda, misalnya "Daftar Isi Blog"
6. Klik SAVE dan selesai.
   

Baca juga artikel berikut ini :

Posted in: Code,HTML/Javascript,Tips dan Trik,Tutorial Blogging