Sabtu, 09 Juni 2012

Cara Membuat Recent Comment Avatar

Recent Comment Avatar
Cara Membuat Recent Comment Avatar - Cara Membuat Widget Recent Comment Dengan Avatar.  Widget Recent Comment dibutuhkan manakala kita malas melihat satu persatu komentar yang masuk pada artikel kita. Dengan Recent Comment kita akan mengetahui artikel mana saja dan siapa saja yang masuk pada blog kita.

Widget Recent Comment Dengan Avatar akan tampil menarik karena avatar tersebut foto profil kita sendiri. Recent Comment atau dalam bahasa Indonesia Komentar Terbaru yang tanpa avatar akan terlihat kaku dan tidak menarik. Cara pembuatannya pun sangatlah gampang, sahabat tinggal ikuti saja aturannya seperti yang mana telah ditentukan dibawah. Untuk sahabat yang mau Membuat Widget Recent Comment dengan Avatar,mari kita itu langkahnya sebagai berikut :

 Login ke akun blogger
        1.Klik Design/Layout/Tata Letak
        2.Page Element
        3.Add a Gadget HTML/Javascript
        4. Kemudian masukan kode berikut ini:

<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  = 50,
characters  = 60,
defaultAvatar  = "https://en.gravatar.com/badilah",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://blogarcive.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :
Ganti http://blogarcive.blogspot.com dengan URL blog sahabat.
numComments=5 adalah banyaknya komentar yang akan ditampilkan,
avatarSize= 50 adalah ukuran avatar
characters=60 adalah banyaknya karakter komentar yang akan muncul.

5. Save dan lihat hasilnya, semoga berhasil dan tentunya bisa bermanfaat.

10 komentar:

  1. turut menyimak sob,terima kasih sudah sharing

    happy blogging

    BalasHapus
  2. @kampungku corolla
    Ok kawan silahkan,thanks ya.

    BalasHapus
  3. follback sukses sob ke (12)
    makasih sudah berkunjung dan lam kenal juga

    wilujeng ngeblog

    BalasHapus
  4. @sakahayang.com
    Hatur Nuhun Kang.

    @Chumhienk™
    Senang sudah bisa berbagi,makasih kunjungannya sop,happy blogging.

    BalasHapus
  5. Berhasil diterapkan di blogku,makasih telah berbagi.

    BalasHapus
  6. mantap banget dah...btw adminnya ada brapa nich?? :D

    BalasHapus
  7. Makasih sop,berhasil ane praktekan.

    BalasHapus
  8. numpang copas script,a bro,,
    makasih,,!!

    BalasHapus
    Balasan
    1. Silahkan sob dimanfaatkan,thanks ya.

      Hapus
  9. keren mas bro, saya sudah mencobanya dan berhasil, thanx

    BalasHapus

Free Komentar sop, cepetan tulis komentarnya mumpung lagi gratis !

Populars

Comments

 

Share Twitter

Followers

Site Info

Google PageRank Checker Powered by  MyPagerank.Net My Ping in TotalPing.com Blog Archive - Find me on Bloggers.com ping fast  my blog, website, or RSS feed for Free Yahoo bot last visit powered by MyPagerank.Net Msn bot last visit powered by MyPagerank.Net

close
cbox
© 2012 Blog Archive
Template by : O-Zone Blogger Abstrak