Cara Membuat Daftar Isi Blog Dengan Efek Marquee Dan Scroll

33 komentar
Daftar isi blog merupakan yang bagian yang tidak kalah penting pada sebuh blog, karena tanpa daftar isi, postingan2 lama mungkin akan jarang dibuka atau diacuhkan oleh pengunjung dikarenakan malam membuka postingan lama, atau malas klak klik atau browsing ke postingan2 lama karena itu membutuhkan waktu yang relatif lama.





Untuk itu ical akan memberikan tips membuat daftar isi seperti yang kamu lihat di side bar kanan di blog ical, ini bertujuan agar postingan lama dengan mudah bisa ditemukan oleh pengunjung blog, tinggal di scrool kebawah makan daftar postingan akan muncul satu per satu.

Berikut Langkah-langkahnya.
Pertama login ke blog kamu,
Pilih LayOut --> Add Gadget --> HTML/java Script

Untuk Daftar isi Scroll Seperti Daftar isi blog ini KoPas Kode di bawah ini

<div style="overflow:auto; height:200px;" margin="1px" ;>
<script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div><br/><a href="http://icalcell.blogspot.com/2009/12/cara-membuat-daftar-isi-blog-dengan.html">Get Widget Here</a>

NB:
namablogmu ganti dengan nama blog kamu.

Untuk Daftar Isi Efek Marquee (Berjalan) KoPas kode di bawah ini





<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /><br /><script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee><br/>By <a href="http://icalcell.blogspot.com" target="_blank">mr blog</a>


NB:
namablogmu ganti dengan nama blog kamu

Update FuLL:
Bagi yang sudah pakai diatas dan tidak berhasil mungkin site feed blog kamu belum aktif, cara aktifkan klik disini


Baca Juga Yang Ini


Related Posts

33 komentar

  1. mas...saya uda coba v ko gx muncul si daftar isi'y....????

    BalasHapus
  2. mas msh ttp gx bisa ni...knpa ya....???

    BalasHapus
  3. gadget html/javascript ji mksd'y yg ky gmna...??
    sory mas aq br bljar blog...hehe

    BalasHapus
  4. @ eko : coba ganti kode biru dengan kode update diatas
    @ andi: Coba ganti juga kodenya dengan kode update

    BalasHapus
  5. duh mas msh ttp gx bisa ni...knpa ya...???
    sya jg uda coba upload file js'y d web hosting sya...v msh gx bisa jg...
    ada cra lain gx...???

    BalasHapus
  6. tu kode JS milik orang lain kah??? kl seumpama yg punya kode tersebut menghapus apa perlu kita ganti lagi?

    BalasHapus
  7. @eko: gak koq bro, itu sudah static, tapi kalo mau kodenya langsung aja ke http://ical-holic.blogspot.com/2009/12/daftar-isi-untuk-blog.html , ok

    BalasHapus
  8. sya ngsih efek salju d blog'y...
    i2 bisa ngaruh gx..??

    BalasHapus
  9. semangat terus mas...
    tips yg menarik...

    BalasHapus
  10. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  11. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  12. oke mas...uda bisa sekarang....hehehe...

    thankz yaaa....
    suskses terus.....

    BalasHapus
  13. belum bisa sovb.... padahal udah bner trus site feed nya udah aku full

    BalasHapus
  14. ralat sob... udah bisa.. he..he.....

    BalasHapus
  15. met siang sob..
    Selamat beraktifitas

    BalasHapus
  16. good bro like this
    thanks :)
    from : putra site
    http://putraunj.blogspot.com

    BalasHapus
  17. mampir sob...numpank mcari ilmu...mampir juga y d blog q...
    mau tukeran link atau banner sob???

    BalasHapus
  18. salam kenal gan, muga 2010 tambah sukses :)

    BalasHapus
  19. Terimakasih atas kunjungannya kewebsite GATEL BAND,silahkan dengar dan download GRATIS semua lagu-lagu kritik sosial by:GATEL BAND,di http://gatelbandku.co.cc "DARIPADA DIBAJAK MENDING DIGRATISIN"
    Kode download RBT lagu LANJUTKAN/Tribute To SBY,lagu OYA-OYAAN,Lagu DARLING,juga ada diwebsite GATEL BAND...
    Trims n sukses buatmu....

    BalasHapus
  20. thanks 4 sharing,. . . .

    tukeran link yukk. .

    link blog ini dah kupasang. .

    silahkan check. .

    BalasHapus
  21. ya its nice article... thanks.....

    BalasHapus
  22. artikel yang ajib dan sangat bergyuna, ikut nyoba yak sob

    BalasHapus
  23. ilmu yang bermanfaat.
    lanjutkan kawan...
    jabat erat dari dfian..

    BalasHapus
  24. sob ni link tamplate sya...

    http://h1.ripway.com/zendol/mytamplate.js

    BalasHapus
  25. @andi:ical udah tes di blog ical coba cek ini http://ical-bisnis.blogspot.com/ , gini sob solusinya , buka blogmu, di page elemnt, buka satu2 gadget yg menurut kamu penting, lalu kodenya kamu simpan di notepad, setelah selesai ke edit html, jangan ceklist expand, lalu hapus semua kodenya kemudian isi dengn kode html templatenya yng u upload di ripway, setelah itu preview , kalo misalnya sudah bagus tmplannya baru di save, saat menyimpan, mungkin akan ada element yg akan terhapus, biarkan sj, nanti kamu tambahkan lagi kan kodenya dah kamu simpan di notepad, ok.

    BalasHapus
  26. terima kasih..sangat bermanfaat bagi junior seperti saya...linknya saya pasang diblogroll saya ya?? jangan lupa link balik..

    BalasHapus
  27. thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

    BalasHapus
  28. thanks gan atas infonya. ini yang saya cari-cari dari tadi. nitip alamat blog ya gan..
    http://coretan-si-adi.blogspot.com

    BalasHapus
  29. Okeh gan , Makasih udah share ya , semoga bermanfaat

    BalasHapus

Posting Komentar

Subscribe Our Newsletter