Bundarkan Recent Comments

Bundarkan Recent Comments - Komentar Terbaru atau lebih dikenal dikalangan blogger dengan sebutan Recent Comments. Memasang Widget Recent Comments di blog atau website besar fungsinya bagi kita, Recent Comments ini mampu memberitahukan komentar terakhir atau komentar terbaru dari pengunjung blog pada setiap postingan blog. Admin tak perlu bongkar dasbor hanya tuk sekedar mengetahui siapa saja yang berkomentar di blognya.

Bagi sobat yang belum Memasang Widget Recent Comments dengan avatar bundar di blog/web-nya, mari kita buat disini. Tak ada paksaan dalam Bundarkan Recent Comments ini, karena membundarkan Recent Comments ini hanya bagian dari pernak-pernik untuk keindahan blog kita saja. Jika sobat berminat  dengan Recent Comments Bundar, mari ikuti 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.w2b_recent_comments{list-style:none;margin:0;padding:0;}

    .w2b_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;}

    .w2b_recent_comments li .avatarImage{padding:3px;background:#41CE0E;-webkit-box-shadow:0 1px 1px #206AF5;-moz-box-shadow:0 1px 1px #D80BF3;box-shadow:0 1px 1px #F30B2E;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_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,

 roundAvatar = true,

 characters  = 60,

 showMorelink = false,

 moreLinktext = "More »",

 defaultAvatar  = "http://gravatar.com/evawangi",

 hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://evawangi.googlecode.com/files/avatarrcntcomments.js"></script>

<script type="text/javascript" src="http://evawangi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script><br/>

<a href="http://evawangi.blogspot.com/2012/08/bundarkan-recent-comments.html" target="blank"><font color="white">[Get This]</font></a>

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

Keterangan :
Ganti http://evawangi.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.
Untuk warna background avatar dan border silahkan kreasikan sesuka sobat, buka kode warnanya disini
Bundarkan Recent Comments ini semoga berhasil dan tentunya bisa bermanfaat,
happy blogging !