Beberapa waktu yang lalu telah saya posting Cara Buat Daftar Isi Blog, kali ini saya coba posting lagi cara buat daftar isi blog yang baru dengan tampilan yang menurut saya lebih elegan, saya menamainya Daftar Isi Blog versi 3.00, sebenarnya sumber asli daftar isi ini, saya dapat dari blog Abu Farhan, tetapi scriptnya sudah saya modifikasi sedikit untuk menyesuaikan dengan blog ini. Mudah-mudahan Abu Farhan mengikhlaskannya, saya doakan semoga ilmu beliau terus bertambah dan saya bisa belajar lebih banyak lagi dari beliau.
Kita langsung saja menuju 'TKP' bagaimana cara membuat Daftar Isi Blog seperti yang bisa anda lihat pada DAFTAR ISI blog ini.
- Detail cara membuatnya bisa anda lihat pada artikel Cara Buat Daftar Isi Blog
- Gunakan script yang ada di bawah ini :
- <link
href="https://sites.google.com/site/multipaste1/acc-toc.css"
media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://multipaste.googlecode.com/files/daftarisiv3-mp.js"></script>
<script src="http://namabog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>
<script src="http://multipaste.googlecode.com/files/accordion-pack.js" type="text/javascript"></script>
- Ganti tulisan yang berwarna merah dengan URL blog Anda
Note :
Jika script ini tidak befungsi sebagai mana mestinya, maka lakukan seperti cara di bawah ini :
- Login ke blogger dengan ID anda
- Klik menu Template ->> Edit HTML ->> Proceed
- Cari Kode <head> dan tempatkan kode berikut tepat di bawahnya
- <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src="http://multipaste.googlecode.com/files/accordion-pack.js" type="text/javascript"/>
- Lalu gunakan script di bawah ini untuk di masukkan ke dalam isi halaman daftar isi
- <link
href="https://sites.google.com/site/multipaste1/acc-toc.css"
media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://multipaste.googlecode.com/files/daftarisiv3-mp.js"></script>
<script src="http://namabog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>
0 comments:
Post a Comment