Cara Membuat Daftar Isi di Blog Bagian II

Cara membuat daftar isi di blog bagian II - jumpa lagi dengan Blog Softimen, kali ini softimen bakalan Update bagian ke II dari "Cara Membuat Daftar Isi di Blog". bagian ke II ini berbeda dengan yang bagian I. Perbedaan nya hanya pada tampilan nya saja. nah seperti dibawah ini tampilan dari "Cara membuat daftar isi di blog bagian II" ini.

Nah sudah lihat kan bagaimana tampilan daftar isi bagian II ini. mau memasang nya?!, kalau mau silahkan ikuti tutorial dibawah ini.

1. Loggin dulu ke blogger
2. Lalu Buat lah "Laman"
3. Copy dan Paste Script dibawah ini ke Laman.
   (Paste nya di Tab "HTML")
<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/AVvXsEheQu59JfsrhbA6KusxBya0ReEkiufa_tex9YYiGUzI5hYzLNIspOZo4SxSuNE4uCJnts-2ANKARPOI-_zKARXiMFnyVFbhOQlcBEqvkcYhRCu85DhqVrrjlfSyCYDMLfNq4CxDznQosIM/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/AVvXsEiHKMPhkOvWpJyC_t0lAWb_qbVsBbC2wKAtT4bEjJ-YKY_T_EpxYU9lkTYXHtDCPpLbwAl8YgRb207M3tr2ATLXFCSiamKddMlVzTp3GGDcf56x9H2xZ9zMt_58g0jbrnBKhtrvCwNWPZQ/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/AVvXsEjOHzKwDKH8G8e9XE_4TdEZGv9amlwy8LyZOfs3S50mmlqm3SIWzto-N1nihQ8PPFLhDHv_69l7pV6EpVF1XiipWqT4QPyagSmmrIQaQojkSg7PykgD-6jtS9mnRWwYH4PmVmdKiEr3Q7U/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://bangdadan.googlecode.com/files/daftar.isi.js" type="text/javascript"></script>
<script src="http://softimen.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
4. Simpan dan lihat hasil nya.

Note :

• Ganti "http://softimen.blogspot.com" dengan URL blog anda
• 9999 adalah Jumlah Postingan yang ada di daftar isi. (biarkan 9999)

Mudah bukan? sekian dari postingan ini, akhir kata terima kasih sudah mau mengunjungi blog softimen yang kecil ini. Jika ada yang kurang paham silahkan berikan komentar di bawah ini. Semoga bermanfaat. jangan kemana" nanti softimen bakalan update lagi bagian ke III nya. :cool