Berikut tata cara membuat daftar isi tersebut:
Cara Membuat Daftar Isi Blog | Accordion Keren
- Login ke akun Blog
- Masuk ke dasbor ⇉ Tata letak ⇉ Tambah Gadget ⇉ Pilih HTML/Javascript
- Kemudian Copy dan paste kan kode dibawah ini pada HTML/Javasript
Berikut kodenya:
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/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(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/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://syarifshareilmu.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Keterangan:
◉ Silahkan sobat ganti http://syarifshareilmu.blogspot.com/ dengan URL blog sobat.
◉ results=1000 adalah jumlah daftar isi yang ingin di tampilkan
◉ tips%20trick adalah label anda, silahkan sobat ganti tiga point tersebut sesuai data blog sobat.
- Kemudian klik simpan
Sobat juga bisa membuatnya di postingan, caranya sebagai berikut:
- Entri Baru ⇉ Klik HTML/disamping Compose
- Taruh Script Kodenya pada Mode HTML tersebut
- Terus Publikasikan deh. selesai..!!!
Ditulis Oleh : Syarif Hidayat ~ www.syarifshareilmu.blogspot.com
Sobat sedang membaca artikel tentang Cara Membuat Daftar Isi Blog | Accordion Keren . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
Baca Juga Yang Ini, Seru Loo!!
Tengkiyu........Bermanfaat gan..Saya sudah pake'
Thanks gan
Thanks gan, sangat beranfaat, kujungi balik yah gan http://biografiteladan.blogspot.com/
maksih gan artikelnya
artikel yang bermanfaat, thanks untuk infonya