Ok sobat, kali ini saya mau menjelaskan bagaimana cara membuat daftar isi yang canggih nih..seperti yang sobat lihat pada gambar disamping...atau kalo mau lebih jelasnya, silahkan sobat klik menu daftar isi pada tab menu di blog Rastanzshare ini atau klik aja Disini nah sekarang langsung aja Yu...ke cara pembuatannya..
Langkah pertama :
1. Login dulu ke akun blogger milik anda
2. Masuk ke Rancangan kemudian klik Edit HTML
3. Cari Kode ini ]]></b:skin>
4. Letakkan Kode dibawah ini tepat diatas kode Pada langkah ke3
===========================================================
#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/AVvXsEg1tKDurxwrBxExvtKaWSldhwTHlyc1PEU3c29_qRGNaP7R7lEA98BHLszj8zWIfZkGyGFqFxY8bxsvQfFc_AKTdHzV6HZLvIFpjfiPhMp49YhjewkPmgLJeWRIK916VVAlgaWCr9JnfQ8/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/AVvXsEik70LCiRudcq0nGqVr2EFvFoBGiMZMZSVrRrv70sxkXaOSdxWH9XO7aXlMZjCe31pH3n7H0VzGxQO6jIFSMrv9yXS9Qogw1a1Cj_dEYnz261_N7PfXRO_xlxYajcJjAfmkFutvRz0FOIU/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/AVvXsEhEezryZbEtiJFT9d94YYUa6bd4QdB4w8bEHOwyud3aGzIxe2Ml-hzGMMDXodhQbauTvg5O4aLGMzQG2U2jENsBM4tEL7hCqUFYVT7CZ85rw6jAE99vK1nlEV0SgINjQgi_OO53Ad0dQa0/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); } ===========================================================
5. Selanjutnya Cari kode </head> dan letakkan kode dibawah ini diatas kode </head>===========================================================
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js/>
===========================================================
6.Klik simpan templateLangkah kedua :
1. Klik menu Posting, kemudian masuk ke Entri baru. Masukkan kode di bawah ini pada postingan, caranya seperti membuat postingan seperti biasa tetapi dalam mode Edit HTML.
===========================================================
<script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"></script>
<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
===========================================================
Catatan !!!Ubah NAMABLOGANDA dengan nama blog sobat sendiri...2. Klik Terbitkan...
Sekarang anda bisa menikmati daftar isi blog anda yang keren abiiez...
Sumber : http://modification-blog.blogspot.com/
0 komentar:
Posting Komentar