untuk contohnya bisa lihat di gambar di bawah ini atau bisa di lihat di blog saya :
Daftar Isi |
Untuk cara pembuatannya, silahkan simak penjelasan berikut ini :
1. Login ke akun blogger kalian
2. Pilih template
3. Edit HTML
Kemudian letakkan kode dibawah ini tepat di atas kode ]]</b:skin>
/* CSS Daftar isi */Kode warna :
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;background:#06DCFB; repeat-y scroll left center #E7F7FB;padding:2px 0;border:1px solid #339DC6;}
.dafis-label{background:#0099FF; 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:#06DCFB; 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);}
Warna Aqua : Kode warna background daftar isi
Warna Merah : Kode warna Tab label daftar isi
Warna Biru : Kode warna Link Hover atau warna link saat dilintasi mouse
Jika di blog anda tidak terpasang script jquery, letakan kode jquery dibawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Setelah itu simpan template anda.
selanjutnya kita membuat postingan atau bisa juga kita membuat laman.
masuk ke bagian edit HTML di samping Compose pada saat kita membuat postingan atau laman, lalu letakkan kode dibawah ini :
<script src="http://yourjavascript.com/32310134121/dafsis.js" type="text/javascript">Warna Merah diganti dengan link blog kalian
</script>
<script src="http://2egm.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Setelah itu simpan dan lihat hasilnya.
selesai sampai disini cara membuat daftar isi jquery
0 comments:
Post a Comment