Cara Membuat Daftar Isi Keren Dan Menarik

Nah gan lama ga UPDATE nunggu ya untuk berkomentar di postingan saya
tapi mohon maaf ya gan jangan menaruh link atau URL pada komentar...

tapi agan saya sarankan pakai "Name/URL" saja... OK GAN...

langsung aja gan ga usah pake basa-basi...

INI UNTUK HALAMAN BLOGGER... 

<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/AVvXsEg47MikHSnztZrU0RwN6TBgua7G6IJso6I5mVV9xEUgkOBzRyrhRY8io0hk4FxrqWughhHixtlznpgBE3mWsQaV9iCGQCfg7FnW5Hgyk3_ba-cO_KZfoHWcssd3T004g2NuUdwikATA_4M/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/AVvXsEico1zNaGMfy8yx6JyHI-YbTLYdlA5F2dE8bW8ZZiQXkAjgpNDuMrenCkdsSGQ9OzMKqUfAL6aT0IdA-kP2975PysE2PbGwXWGwqiVEKTrDTy5T1rMGpz-f7LmUWCDGjGKgEIR8itfAJA4/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/AVvXsEjtnLl9AF61DaHQ5GNFx5CjV5YKVvpw0r3WqLEQ5mHNWEDRqXqJVTzWIBaug1zcFOweDs72KhN_jOMpocvcrFwq5b__KRAyoygeTg9Qiz2po7ildHCWQXoV1_GsM7WhErmWEO6ZRbfomYo/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 type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>

<script src="http://manec45bgr.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Keterangan :

• Masuk Akun BLOGGER
• Pergi ke LAMAN/HALAMAN
• Buat Halaman Baru
• Masukan SCRIPT di atas
• Ganti Tulisan berwarna MERAH(http://manec45bgr.blogspot.com)dengan URL blog sobat
• Simpan
• Contohnya bisa liat "DAFTAR ISI" punya saya...