Trik membuat Komentar terbaru cantik dengan Gambar Avatar

Trik membuat Komentar terbaru cantik dengan Gambar Avatar - cara membuat recent comment atau komentar terbaru dengan tampilan cantik dihiasai avatar ini cukup sederhana dan mudah. Selain mudah, kotak komentar cantik juga akan merangsang seseorang untuk berkomentar di blog kita. Maka, Trik membuat kotak kometar terbaru cantik dengan gambar avatar ini cukup dibutuhkan.

Cara atau trik membuat kotak komentar terbaru cantik dengan gamabar avatar sebagai berikut :

1. Masuk ke Account bloggermu
2. Masuklah ke dasboard --> design--> page element -->add a gadget -->dan pilih html/javascript
3. copy pastela semua code dibawah ini di dalam element HTML/javascript.

<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:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;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 = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<div style="text-align: right; font-size: 10px;"> ---<a href='http://gorontalo-education.blogspot.com' target='_blank'>---</a></div>
<script type="text/javascript" src=" http://gorontalo-education.blogspot.com /feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Catatan : Silahkan ganti tulisan warna merah dengan url blog kamu.

Demikian tips sederhana tentang trik membuat kotak komentar terbaru cantik dengan gamabar avatar  dari Mata Pena Gorontalo. Semoga bermanfaat. Wassalam..!!

Tweet