Membuat Widget Daftar Isi

Diposkan oleh Madie Zha on 02 January 2012 at 1:12 PM

Membuat Widget Daftar Isi | Tutorial Blog

Membuat Widget Daftar Isi | Tutorial Blog

Buat Sobat yang ingin Membuat Daftar Isi dan memasangnya pada sidebar blog menggunakan Scroll Box, sobat dapat mengikuti tutorial berikut ini.

Untuk Blogger :
  • Login ke dashboard blogger, klik Design > Page Element > Add a Widget, dan pilih HTML/Javascript.
  • Beri judul pada kolom Title, lalu letakkan kode berikut ;
    <div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
    <script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    200px : tinggi Scroll Box, ganti sesuai keinginan Anda.
    alamatblog.com : Ganti dengan alamat blog Sobat.
  • Kemudian klik Save dan lihat hasilnya.

Untuk Wordpress.com :
  • Login ke dashboard Anda, klik Appearance > Widget.
  • Drag Text ke Sidebar.
  • Selanjutnya beri judul widget pada kolom Title, dan letakkan kode berikut :
    <div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
    [archives limit=100]
    </div>
    100 : Jumlah artikel yang di tampilkan, silakan di ganti.
  • Terakhir klik Save.
Untuk Blogspot selain cara diatas Sobat juga dapat memasang Widget Daftar Isi Tersembunyi.

Semoga Bermanfaat...

.:. 20 komentar .:.Post a Comment

  1. thanks tips nya,,, berhasil dipraktekin.

    ReplyDelete
  2. kak silakan follow ane di http://mahadewa-xp.blogspot.com terus pasang back link ane ,script nya ada di blog ane ,, ntar ane pasang juga backling agan ,,

    ReplyDelete
  3. ijin praktekkin gan.....thanks

    ReplyDelete

  4. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  5. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  6. sangat menarik sekali infonya :)

    ReplyDelete
  7. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete
  8. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  9. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete


  10. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  11. Sangan membantu. Trima kasih, gan!

    ReplyDelete
  12. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  13. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom