Cara Buat Recent Comment Dengan Avatar

PCS ! Hari ni nak kongsi cara buat recent comment macam dekat dalam blog ni. Tutorial yang menarik dan mudah untuk korang buat. Aku sarankan kalau blog korang dah sedia berat tak perlulah nak tambah banyak-banyak widget kerana kebanyakkan reader kurang gemar menunggu loading yang terlalu lama. Biasalah kalau blog sarat dengan widget memang agak berat. Tambah lagi line ternet dorang yang dah memang slow macam aku. Tapi terpulang dekat korang dan kreativiti korang menghias blog korang dengan cara tersendiri supaya nampak menari menarik dan gergous...

Langkah 1 :

Design -=> Add a Gadget -=> HTML/JavaScript


Langkah 2 :

Copy kod di bawah dan paste dekat HTML/JavaScript tadi.

<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.miqaelarshad.blogspot.com/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.miqaelarshad.blogspot.com/ dengan nama blog korang.

Langkah 3 :

Save! 


p/s : Semoga berjaya!

Membaca Amalan Mulia. Terima Kasih 'LIKE' dan 'SHARE' Entri Di Sini :)

Tweet

Jom Berkongsi Artikel :

KLIK IKLAN, KUMPUL DUIT NAK BELI NOVEL