- Sebelum sobat Memasang Script Daftar isi ini, Pastikan Terlebih Dahulu kalau Template sobat sudah terpasang Script Jquery'nya.
- Apabila Belum Terpasang, Klik Template Pada menu Dashboard
- Pilih Edit HTML
- Cari kode </head>
- Copy Paste Script Jquery dibawah ini, Tepat Diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
- Kemudian Masuk Pada Menu Tata Letak
- Klik Tambahkan Gadget
- Pilih HTML/Javascript
- Copy Paste Script Daftar Isi Accordion Dibawah Ini
<!---Start code show hide by;"Dido-Borneo.blogspot.com"--->
<style>
#arsip {
background-color:#fefefe;
color:#000;
border:2px solid #fafafa;
margin-bottom:30px;
box-shadow:0 1px 2px #000;
-webkit-box-shadow:0 1px 2px #000;
-moz-box-shadow:0 1px 2px #000;
overflow:hidden;
}
#arsip .kepala {
background-color:#67b434;
color:#000;
border-bottom:2px solid #666;
overflow:hidden;
margin:0px;
cursor:pointer;
text-decoration:none;
text-align:center;
line-height: 30px;
font-size: 20px;
text-transform:uppercase;
padding:10px 15px 11px;
}
#arsip .kepala:hover {
background-color:#666;
color:#f1f1f1;
}
#arsip .badan li a:link {color:#67b434;}
#arsip .badan li a:visited {color:#333;}
#arsip ol {list-style-type:decimal;}
#arsip .badan li a:hover {text-transform:uppercase;}
#arsip time {float:right;margin-right:20px;}
@media screen and (max-width: 680px) {
#arsip time {display:none;}
#arsip .kepala {line-height: 25px;font-size: 16px;padding:2px;}
}
</style><div class='clear'/>
<script src="https://sites.google.com/site/didopalangkaraya/project/DFTR.js" type="text/javascript"></script>
<script src="http://dido-borneo.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<!---End code show hide by;"Dido-Borneo.blogspot.com"--->
Catatan :
Jangan Lupa Untuk Mengganti Alamat URL Feed yang Berwarna Merah Diatas dengan URL Feed Sobat Sendiri
Daftar Isi Accordion warna Hitam Abu-abu
=============================================
#arsip background-color menjadi #ccc dan color #000
#arsip .kepala background-color menjadi #666 dan color #bbb
#arsip .kepala:hover background-color #3c3c3c dan color #fefefe
#arsip .badan li a:link color #333
#arsip ol dengan decimal
=============================================
Daftar Isi Accordion warna Putih Abu-abu
=============================================
#arsip background-color menjadi #fefefe dan color #000
#arsip .kepala atur background-color #f1f1f1 dan color #f26300
#arsip .kepala:hover background-color #f26300 dan color #000
#arsip .badan li a:link color #f26300
#arsip ol dengan square
=============================================
Daftar Isi Accordion warna Orange
=============================================
#arsip background-color menjadi #f1f1f1 dan color #000
#arsip .kepala atur background-color #f26300 dan color #000
#arsip .kepala:hover background-color #ddd dan color #f26300
#arsip .badan li a:link color #f26300
#arsip ol dengan circle
=============================================
Daftar Isi Accordion warna Merah
=============================================
#arsip background-color menjadi #fefefe dan color #000
#arsip .kepala atur background-color #cc181e dan color #333
#arsip .kepala:hover background-color #333 dan color #fff
#arsip .badan li a:link color #cc181e
#arsip ol dengan circle
=============================================
Daftar Isi Accordion warna Biru
=============================================
#arsip background-color menjadi #d8dfea dan color #000
#arsip .kepala atur background-color #3b5998 dan color #bbb
#arsip .kepala:hover background-color #004b73 dan color #ccc
#arsip .badan li a:link color #3b5998
#arsip ol dengan decimal-leading-zero
0 Comments