Blogger Olshop 728x90

Membuat Daftar isi Blog dengan CSS3

Klik Tambah Elemen di Blog Sobat
Masukan Kode di bawah ini !

 <style type="text/css"> #dafis-acc{ font-family:dicotmedium; font-size:14px;text-align:center; background:url(IMAGE) #111; padding:2px 0; border-bottom:15px double #666;border-left:10px double #252525;border-top:15px double #666;border-right:10px double #252525; } .dafis-label{-moz-transition: all 0.65s ease-in-out;-webkit-transition:

all 0.65s ease-in-out; background:#1d1d1d;
font-weight:normal;font-size:15px; 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:#D4D4D4;text-shadow:2px 1px 8px #000, 0px -1px 3px #000, 2px 2px 2px #000; border-bottom:5px double #252525;border-left:5px solid darkred;border-top:5px double #111;border-right:5px solid darkred; } .dafis-label:hover{text-shadow:0 0 3px red,0 0 3px red,0 0 3px red,0 0 3px red; background:url(http://i282.photobucket.com/albums/kk264/publikanews/logotokohtml.gif) top #111; border-bottom:5px double #252525;border-left:5px solid blue;border-top:5px double #111;border-right:5px solid yellow; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background:#111; line-height:1.5em;font-family:gisha;text-shadow:1px 1px 0px #000; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #252525; } .dafis-daf ol li a{ text-decoration:none; display:block;color:#fff !important; padding-left:10px; border-left:5px solid blue; } .dafis-daf ol li a:hover{ background:#1d1d1d;color:#fff !important; border-left:5px solid darkred; padding-left:5px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 <!-- Content - http://joens-tutorial.blogspot.com/ - Start --><script src='http://joens-tutorial.googlecode.com/files/kolomtutorialakauttadafis.js.txt' type='text/javascript'/></script><script type="text/javascript" src="http://joens-tutorial.googlecode.com/files/kolomtutorialakauttadaftarisi2.js.txt"></script><script src="http://ganti_dengan_url_sobat/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script><!-- Content - http://joens-tutorial.blogspot.com/ - End -->

Widget

Ambil Kode

Belajar Iklan Di Facebook 250x250