Blogger Widgets

Bundarkan Recent Comments

Bundarkan Recent CommentsBundarkan 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://kewehhh.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://kewehhh.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.
Bundarkan Recent Comments ini semoga berhasil dan tentunya bisa bermanfaat,
happy blogging !

Penulis : Bli'Putu ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Bundarkan Recent Comments ini dipublish oleh Bli'Putu pada hari Rabu, 17 Oktober 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Bundarkan Recent Comments
 

0 komentar:

Posting Komentar