Cara Buat Recent Comment Dengan Avatar

Salam semua. hari ini admin nak berkongsi lagi tutorial mudah dan menarik dengan korang. kali ini admin akan kongsikan Cara Buat Recent Comment Dengan Avatar. contoh adalah seperti gambar diatas. dengan rekaan yang agak "terkini", admin rasa widget ini dapat mencantikkan lagi duniakongsi.net

Berminat nak buat?. korang perlu ada coding dibawah dan ikut cara yang admin ajarkan. mudah jer..

<div align="center"><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  = 6,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 90,
 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>
<script type="text/javascript" src="http://www.duniakongsi.net/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script></div>

Coding yang berwarna MERAH tu korang ejas mengikut kesesuaian dan tukar http://www.duniakongsi.net/ dengan nama blog korang.

Cara nak buat plak, pada dashboard korang klik design > page elements > add gadget > HTML Java Script > paste coding diatas. lepastu korang save dan lihat hasilnya.

Semoga berguna dalam mencantikkan lagi blog korang yer. ikhlas admin kongsikan untuk semua. ada sebarang komen atau cadangan boleh utarakan disini. terima kasih (^_^)

Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih (^_^)