Membuat DAFTAR ISI Keren Versi 2

Diantara teman pasti sudah ada yang tahu cara membuat Daftar Isi diblog, apalagi untuk yang sudah master dalam hal kode-kode atau script sebuah wedget, pasti mudah ajakan. Hehehehe. Tapi, disini saya hanya mencoba membantu teman yang saya dapatkan kode ini dari blognya, kalau teman ingin berkunjung keblognya klik saja DISINI. Mengenai Daftar Isi ini, terlihat seperti yang ada diblog saya yang berupa seperti sebuah slide yang bisa buka tutup jika diklik. Kira-kira seperti itulah. Hehehehe.

Berikut adalah langka-langka untuk membuatnya tampil diblog teman. So ikuti saja caranya : 

• Login atau Masuk keblog teman.

1. Menuju ke Rancangan.
   1. Klik Elemen Laman untuk tampilan Dasboar yang lama dan Tata Letak untuk tampilan Dasboar yang baru.Kemudian, teman klik Tambah Gadget dan pilih HTML/JavaScript.

Selanjutnya, Copy script berikut dan Pastekan kedalam HTML/JavaScript tadi.

1. 
   

   <style type="text/css">
   #dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pgqEA_l6g_GomAqgltOEJo1NoO3XkWjYAb17gZHduEdspAYqehx9DWRjEY5KYcZR5gjgi_A4r994zFTsyIWpu4qL5vmIk0oD5x3_IqbrXjQIQNWGtvUQVSRhbhpH9wtEAAqYDdhShgc/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:ccc; repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background:#ccc; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
   </style>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
   </script>
   <script src="http://infonetmu.googlecode.com/files/Acc1.js" type="text/javascript">
   </script>
   <script src="http://imanabdulmutalibtamnge.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
   </script>

   
   
2. Kalau sudah selesai, teman sudah bisa Save dan lihat hasilnya.

Catatan :

   Adalagi yang harus teman rubah sebelum menyimpan script diatas. Yaitu, pada tulisan yang berwarna merah, teman ganti dengan URL blog teman sendiri. Selamat mencoba. Enjoy