3 Style Daftar isi otomatis dengan Jquery - Hallo sobat blogger kali ini saya akan membagikan cara membuat daftar isi otomatis dengan efek jquery agar lebih menarik, mungkin sebagian blogger bertanya seberapa penting sih memasang daftar isi ini? kalo menurut saya pribadi tentu saja penting karna dengan adanya daftar isi ini pengunjung bisa dengan mudah mencari artikel yang mereka cari.
kalo dulu buat daftar isi masih susah, jarang ada blogger yang berbagi tentang cara membuat daftar isi otomatis kebanyakan masih pake metode manual nah sekarng kita bisa bersyukur karna di google sudah bisa kita jumpai dengan mudah tutorial seperti ini walahan lebih keren lagi mungkin, untuk melihat DEMO daftar isi bisa di lihat di blog ini :D
Pertama silahkan Login ke akun blogger kalian masing2 lalu silahkan ikuti langkah2 gambar yg ada di bawah ini
Jika sudah silahkan isi dengan kode yang ada di bawah ini *Pilih salah satu warna yg kalian suka
1. Warna Biru
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/l6ymhg4g7v6s1b2/biru.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://yourjavascript.com/71116424541/sitemaps.js"></script>
<script src="http://data-uploadku.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
2. Warna Merah
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/qlhnix6gfe3rypp/merah.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://yourjavascript.com/71116424541/sitemaps.js"></script>
<script src="http://data-uploadku.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
3. Warna Hijau
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/yy61674x6w9nkab/hijau.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://yourjavascript.com/71116424541/sitemaps.js"></script>
<script src="http://data-uploadku.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
4. Warna Hitam
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/lxkxboh6e2w16jf/hitam.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://yourjavascript.com/71116424541/sitemaps.js"></script>
<script src="http://data-uploadku.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
*Silahkan Ganti http://data-uploadku.blogspot.com/ Dengan nama blog kalian masing-masing
