Cara Membuat Daftar Isi
Blog | Accordion Keren -
Sahabat blogger pada pembahasan artikel yang lalu, nah pada artikel kali ini Saya
akan membuat tutorial tentang Cara Membuat
Daftar Isi Blog | Accordion Keren. Sahabat blogger mungkin tidak
asing lagi dengan widgate daftar isi seperti ini, namun jikalau ada sahabat
Blog yang baru dan belum tahu tentang tata cara pembuatan nya,
Berikut tata cara membuat daftar isi tersebut:
- 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGUjXWDUd_I0QyWw8gp_kIYSTRTh4d7DArfETQ_jUIT3-RyqFoOBcZZv2jotkFUQdAezccy-g1ZNbjfOJdEra-HMmCFahwZTPboZH1Uj3nxhSHaShXQFI16p6FBsHL3TDqA_QaNa5yWv0/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/AVvXsEj54AOIQ45drIQmEYBh1g8RvHlXBjosEeSiJCvF2kYZU1vUAj5_wB5X5udLMEbLNdR_HNIi0J9Cq9W96f7v3lL28B0IALfxBULuEx7DLVtBJLOesq-LXk_1K0nudw7HDxdnQt-PAeQ9rvo/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/AVvXsEjJt3uFjr2cxSjitlddcQct0dMBWxW99fPB1bd9BJwz8fQTNe00rdEayscQ7_GgpC7oFlGu8lpQPweLm-i1qEeSKurTSrkRwivF5ZUw9VUHctYyjF16p-F91p47RyoYJ7v-HwjSaHhdPz4/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://kangulien.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Keterangan:
◉ Silahkan sobat ganti http://kangulien.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..!!!
Nah mungkin cukup sekian
dulu pembahasan kita kali ini tentang Cara Membuat
Daftar Isi Blog | Accordion Keren. dan semoga artikel ini bermanfaat
buat sahabat blogger semua.. terimakasih sampai berjumpa lagi dilain waktu.
Salam
tinggal centang thumbnail gambar dan cuplikan
ReplyDelete