sik asik ngeblog lage neh ...

okeh ane langsung aje, kan sebelumnye ane ngasih tutor bikin daftar isi, daftar isi yang itu menurut ane biasa aje sih hehe .. kali ini ane kasih tau cara bikin daftar isi dengan jQuery .. tampilannye kaya gini
cara bikinnye gampang, kalo ente cari di gugel, pasti caranye panjang, tapi berhubung ane nemu yang pendek alias satu langkah aje tinggal jebret !


kopi script ini ke posting/laman ente

<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/AVvXsEhlro1YPWBKQZlKkL-FcK34uUjpWujGvhZIVltLsxZYj9PV4oIJVKYxCGVcmwTVo3r_6HH6VzcgBtaMWwo8xwuikb7gjrlMHBVoWf2jIO3zV4i6_SMZcafZN5uInvBpYQczXWmlI9j4-HA/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibYTqBZqxmHrk0QwFtoPAAyw4MTyyjzIdf0yNheW-u7nRkt959kXBMO0-dLeTGGD4ALPzi7DLBZnUUqbPVJ-8EE2qribAqMmxZMORWh1LdY1uMGqOsv8lUCpg4Z9vScxmPuI12lqXDAU0/d/bg4.gif) 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:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJrIciARAcxYYbrGFi6NeSshcPdBc3OtelJD2Y4USzGRaDSjz2tkqnkqDAz7YtLaPY_tEVXoaKGYikoFv8mN9GATu-Hc0yu0stfEtQi058c8lsPzOw3d5XcqRcghCCSppLe0U9U-IRO98/d/bg2.gif) 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: #7BC4DF; 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://kucingngampus.googlecode.com/files/ganteng.js" type="text/javascript"> </script> <script src="http://BLOG-ENTE.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

ganti BLOG-ENTE.blogspot.com jadi nama blog ente ..
siap di gunakeen.......

wassalam....