.JPG)
Assalamualaikum jika kemaren saya membagikan cara membuat daftar isi dengan tema galery
Pada kesempatan ini saya akan share mengenai cara membuat daftar isi tetapi dengan tampilan sedikit berbeda dengan daftar isi daftar isi sebelumnya langkahnya tidak jauh beda dengan daftar isi yang lain lansung saja gan kita ke langkah pembuatannya....
Masuk blog anda
pilih menu laman/laman baru
kemudian pada box postingan pilih mode html
Jika sudah segera letakan kode dibawah ini pada box yang tersedia
<div dir="ltr" style="text-align: left;" trbidi="on">
<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/AVvXsEgR44Zh_xEDJDQjxjUMPX-48arPegD-6Ei2obGNsFS8vivtJo4b4Q29q22GElgUNBfPk9Hzm2-80T4EWVj0VcKmFSHF0kplTkH4Nem5ujLlBB0UMXWPrVD93uz3QXGUPUJjzGz2bWi9Fqs/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/AVvXsEiJHmM3F7HCjRNQkw6_wL6du2SXfoDJIXIV1Pi8YHqRjFADYRHK6Ykm5D2KufjVhP1SHOGzKNM7ee0W-kSrrfeVz4iHY80D5ubcOYOIHB8WJaY4cxJI2ezbESqxV7KbJDQR-_o6B7DkO_M/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/AVvXsEiAevJ70oSuDEKKlAb0rJVTq7KsBJvF2Za8-ccinLxnQOcuUAalAAcmJSjw9rMvNJUZrVzgv-aXfVa_JEOLnjZ-C7y1pgPXnXat9QKzU1MoYxe3hLB26-dtjBcWdCRa91KRKB4mTLgplHQ/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="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://informasibloger.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
http://www.informasibloger.blogspot.com/2013/05/pilihan-daftar-isi-menawan-untuk-blog.html
Penulis : Imron fhatoni Lokasi : NTB, SUMBAWA
Artikel Pilihan Daftar Isi Menawan Untuk Blog Anda, ditulis oleh Imron fhatoni. Semoga artikel ini dapat menambah wawasan Kita. 
Silahkan tinggalkan jejak pada form Komentar untuk mempermudah Imron fhatoni berkunjung kembali ke blog sobat.(Wassalam) 
thank udah berbagi..
bisa kok buat dicoba...
jadi ngak enak nie om
Catatan: (memasukan item pada komentar)
Untuk menyisipkan video, gunakan tag URL YOUTUBE ANDA...
Untuk menyisipkan gambar, gunakan tag URL GAMBAR ANDA...
Untuk menyisipkan kode, gunakan tag KODE ANDA...
Untuk menyisipkan kode panjang, gunakan tag KODE ANDA...
Untuk menyisipkan judul, gunakan tag JUDUL ANDA...
Untuk menyisipkan catatan, gunakan tag CATATAN ANDA...
Untuk menciptakan efek tebal gunakan tag TEKS ANDA...
Untuk menciptakan efek huruf miring gunakan tag TEKS ANDA...
Khusus untuk membalas komentar disarankan menggunakan tombol balas di bawah komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.
Link aktif akan dimatikan secara otomatis.
Klik untuk melihat code!
Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.