Recent Comments Blogger dengan Avatar

Diposkan oleh Madie Zha on 14 February 2012 at 1:20 PM

Recent Comments Blogger dengan Avatar | Tutorial Blog

Membuat Recent Comments Blogger dengan Avatar | Tutorial Blog

Tutorial kali ini sama saja dengan tutorial memasang Widget Recent Comment Valid XHTML, cuman kodenya aja yang berbeda. Jadi untuk tutorial yang lebih jelas silakan baca Widget Recent Comment Valid XHTML. Untuk postingan ini saya buat singkat saja.
Berikut caranya :
  • Buat widget HTML/JavaScript.
  • Beri judul Recent Comments atau apalah terserah Anda.
  • Lalu masukkan kode berikut :
    <style type="text/css">
    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
    .tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 30,
    characters  = 60,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
    <script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
    Keterangan :
    numComments : 5, jumlah komentar yang ditampilkan
    avatarSize : 30, ukuran avatar dalam pixel
    characters : 60, jumlah karakter yang ditampilkan
    wadahtutorial.blogspot.com ganti dengan URL blog Anda.
    max-results=5, jumlah komentar yang ditampilkan, ganti sesuai keinginan Anda.
  • Terakhir klik Save. Selesai...
Selamat mencoba Membuat Recent Comments Blogger dengan Avatar.

.:. 41 komentar .:.Post a Comment

  1. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    ReplyDelete
  2. waah infonya kangat kereeennn gan :p

    ReplyDelete

  3. ikut komentar ea gan infonya sangat bagus

    ReplyDelete

  4. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete


  5. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  6. informasi yang menakjubkan dan sangat menarik
    terimakasih info nya sangat bermanfaat
    semoga sukses

    ReplyDelete
  7. menarik sekali artikel yang anda buat
    saya tunggu artikel selanjutnya
    semoga bermanfaat salam sukses

    ReplyDelete


  8. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    ReplyDelete
  9. sangat luar biasa informasi yang saya dapatkan
    banyak sekali pengetahuan yang saya dapatkan
    sangat bermanfaat sekali

    ReplyDelete
  10. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  11. 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
  12. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  13. . 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
  14. sangat menarik sekali infonya :)

    ReplyDelete
  15. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

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

    ReplyDelete

  17. Informasinya sangat keren....

    ReplyDelete
  18. 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
  19. wah infonya kerennnnn sob suksek selalu ea,,,

    ReplyDelete
  20. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  21. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete

  22. trimakasi atas infonya semoga dapat bermanfaat gan

    ReplyDelete


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

    ReplyDelete
  24. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    ReplyDelete

  25. makasih infonya sangat bermanfaat

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

    ReplyDelete
  27. 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