Iklan Nuffnang

..................................................................................................

..................................................................................................

Saturday 11 February 2012

Cara Buat Recent Comment Dengan Avatar

SEMOGA APA YANG ADMIN KONGSIKAN BERMANFAAT UNTUK KORANG SEMUA. JIKA ADA KELUAR IKLAN SEMASA MENDOWNLOAD..HARAP KORANG BIAR LOADING SEHINGGA HABIS. BAGI LAH SEDIKIT PENGHARGAAN UNTUK DUNIAKONGSI. TERIMA KASIH JIKA MEMAHAMI (^_^) p/s : SILA LAPORKAN DI RUANGAN KOMEN JIKA TERDAPAT LINK YANG ROSAK

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 (^_^)


0 comments:

Iklan Nuffnang

Share This With Your Friends

 
NAK YANG LEBIH HEBAT?. TENGOK NI..