Cara Membuat Daftar Isi Jquery Keren Untuk Blogger

Cara Membuat Daftar Isi Keren menggunakan Jquery Untuk Blogger -  hallo sobat blogger kali ini saya akan memberikan sebuah tutorial bagaimana cara membuat sebuah daftar isi atau sitemap untuk blogger. Sama halnya dengan buku blogger juga harus mempunyai sebuah daftar isi atau sitemap karna dengan adanya daftar isi atau sitemap ini sobat bisa mempermudah para visitors atau pengunjung untuk menemukan hal yang dia ingin baca dari blog sobat.. sama halnya dengan buku jika tidak ada daftar isi maka susah sekali menentukan halaman tempat bacaan yang kita inginkan... dalam artikel ini saya aan berbagi tutorial Cara Membuat Daftar Isi Keren menggunakan Jquery Untuk Blogger..

daftar isi atau sitemap ini juga sangat menarik krna di design dengan menggunakan script dari Jquery cantik bukan lihat gambar di atas.. itulah gunanya efek-efek Jquery...

oke sobat blogger hanya tinggal mengikuti tutor yang saya berikan untuk memasang daftar isi atau sitemap ini untuk blogger..

oke sobat blogger langsung saja tanpa penjelasan yang terlalau panjang dan bertele-tele ini...

1. Login ke blogger
2. masuk ke dasbor blog sobat
3. pergi ke template > edit html
4. Letakkan kode berikut diatas kode ]]></b:skin>

#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/AVvXsEiSUH_NKftLTp1hXiHorPh8TTtpYm2IGc7cQ-aPqKv-aJGJGjnBshoUbWkq97zqSzsznniBfRKSwEcRejOIRl92Imch7KeGRObegNeRkRE-yjsCtx7Vn3FGIPlMpDoApr5BRf0gSIMFGJo/s320/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/AVvXsEiQaIfzT5X-CD6YeA6hXumgF5q1tD6Obqfn5OfAJVpL3kCpVGT26WSoB2-5OkHdGGBYNF1MntPtilVUnBcU5BYf3NkC_rWBQ3Bn4dX4ayaminDJozo7mLIKPFxyCkSRNBi2_yEGCraiLlE/s1600/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/AVvXsEj3zyM6iAPIuX0o5_GA0P728p2tIUl_VQPqcUUzDls8tgsdVQGkL6MKGLH4lvco3MF4xz7BfBObbbPQWr0zBIGfKoNeDYMcz6WQTnr1dAHHPwChrxUT9SxUVYha_oTEYoMkbiqzT6w3cBw/s320/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); }  <br>

5. Kemudian letakkan juga kode berikut diatas kode </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

6. Setelah itu Simpan template sobat.
7. Langkah selanjutnya adalah memasang daftar isi di blog, letakkan kode dibawah ini pada HTML/JavaScript atau posting blog sobat pada mode HTML saran saya masukan kode ini ke laman sobat dengan memilih HTML bukan Compose.

<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/Dafsis.js"></script> <script src="http://iqballzblogz.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan:
Ganti kode yang berwarna merah diatas dengan alamat URL blog sobat.

Nah, sekarang blog Anda sudah terpasang daftar isi dengan efek Jquery yang menarik.

terimakasih telah berkunjung di blog saya ini semoga rtikel yang berjudul Cara Membuat Daftar Isi Jquery Keren Untuk Blogger dapat bermanfaat bagi sobat yang membacanya..

Cara Membuat Daftar Isi Jquery Keren Untuk Blogger