Pages

cara membuat show / hide comments

kali ini, sayya akand membahaz tentang "bagaimana cara membuad show / hide comments".
itu loch.. yg kalo di klik bisa keluar, truz kalo di klik lagi bisa nutup. (hehe..)

example:

show hide comments blog

*maaf kalau gambarnya tidak jelaz.

langkah pertama, centang EXPAND TEMPLATE WIDGET, kemudian cari kode ]]></b:skin>, truz letakkan kode di bawah ini tepat di atasnya:

.commenthidden {display:none}
.commentshown {display:inline}

setelah itu, cari kode </head>, letakkan kode di bawah tepat di atasnya:

<script type='text/Javascript'>
function togglecomments (postid){
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown"){
whichpost.className="commenthidden";
}
else{
whichpost.className="commentshown";
}
}
</script>

truz, cari lagi kode yg bernama <dl id='comments-block'>.
jika sudah ketemu, hapuzlah kode tersebud dan ganti dengan yg ini:

<a aiotitle='click to expand'
href='javascript:togglecomments
("comments-block")'
rel='nofollow'><strong>Show or Hide Comments</strong></a>
<dl class='commenthidden'
id='comments-block'>

*untuk tulisand Show or Hide Comments bisa di ganti sesuka hati. angel

selesaii suddah.. selamad mencoba. semoga berhasil. good luck! ok!

33 comments:

  1. Wah.....oke jg tu kayaknya...apalagi bagi yang komentnya setumpuk, tentu sangat bermanfaat...numpang save dulu, lain kali pengen coba.

    ReplyDelete
  2. yapz. dipersilahkand untug mbag osii. :h:

    ReplyDelete
  3. Wah, langsung aku praktekin deh zrond, eh, mugo2 lulus dgn biji apik yo :e:

    ReplyDelete
  4. salam sobat
    trims sudah dberitahu caranya
    saya akan mencobanya ya,,

    ReplyDelete
  5. wah menarik ini,,,
    coba ah,,,
    nice inpoh gan :D

    ReplyDelete
  6. sudah saia praktek kan dan hasilnya succesfull tanpa hambatan :D

    ReplyDelete
  7. tempat gw kode yg dl (id='comments-block') koq gak ada ya sam...padahal udah pake control F

    ReplyDelete
  8. mantab nih... boleh dicoba...
    biar gag kepanjangan kek punya ina hihihihi...

    ReplyDelete
  9. Ouwh,begicu yah caranya,,,,
    Makasi eah :l:

    ReplyDelete
  10. @ bayu lebond, udah di centang lum
    expand template widget nya? :g:

    ReplyDelete
  11. wah ijin nyimak...
    di WP ada pulgins kaya gini g ya.. :a:

    ReplyDelete
  12. haha.. ada paling.
    cari aja.
    kalo ketemu, alon2 ponorogo bisa
    dibawa pulang ke rumah. :f:

    ReplyDelete
  13. Wah2 keren bgt tutorialnya, mantep bgt buat yg blognya punya comment bejibun bnyknya....

    ReplyDelete
  14. wah ni khusus bagi blog yg komen nya ramai kayak pasar, mantab!

    ReplyDelete
  15. tapi gue kagak ketemu yang kode <dl id='comments-block'>.

    jadi enggk bisa sob.. bingung

    ReplyDelete
  16. @ ahmad ramadani, paling lum di centang maz expand template widget nya.. :h:
    coba lagi aj..

    ReplyDelete
  17. udah belum yah..?? kayaknya udah deh...
    Tapi mungkin gue lupa kali yah..

    ReplyDelete
  18. woooo.. ndi? ndi? ndi? kok seng muncul malah anu.. :g:
    wkwkwk

    ReplyDelete
  19. huzz.. malah ngece!
    UNDER MAINTENANCE kieh!
    :f: wkwkwk

    ReplyDelete
  20. kok post nya nggak ada ya??, apa kena hide juga, hehehee

    ReplyDelete

Silahkan berkomentar dengan baik, sopan, bijak dan membangun demi kepentingan bersama.