21 April 2012

Cara Letak Widget Recent Comment Dengan Avatar


Ni adalah contoh widget recent comment dengan Avatar...
Di mana korang boleh lihat Gambar profil si penghantar komen beserta dengan komen yang diberi..Klu korang nak cuba the best widget ni meh tgk cara-cara memasangnya..

Mula-mula harus pergi ke :  Dashboard > Design > Add A Gadget > HTML/JavaScript

Okey, Salin kod di bawah ini ;
<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
</style>
<script type="text/javascript">
ava_mode = "all";
var cm_num = 5;
var cm_desc = 13;
var homepage = "URL BLOG ANDA";
var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZukZvH2obIjQcca2krZDivjf1NPllbAWAkfc74DhFeP8W7tQfGMrIDbvTP1ayavv7vC4TBgfyFLtB3YeuGuUbsV4V3uLESkrivDR23CciV3FEC_xLK3zgF7uJ9aPDcqU99FKzldol0_V/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZukZvH2obIjQcca2krZDivjf1NPllbAWAkfc74DhFeP8W7tQfGMrIDbvTP1ayavv7vC4TBgfyFLtB3YeuGuUbsV4V3uLESkrivDR23CciV3FEC_xLK3zgF7uJ9aPDcqU99FKzldol0_V/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZukZvH2obIjQcca2krZDivjf1NPllbAWAkfc74DhFeP8W7tQfGMrIDbvTP1ayavv7vC4TBgfyFLtB3YeuGuUbsV4V3uLESkrivDR23CciV3FEC_xLK3zgF7uJ9aPDcqU99FKzldol0_V/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZukZvH2obIjQcca2krZDivjf1NPllbAWAkfc74DhFeP8W7tQfGMrIDbvTP1ayavv7vC4TBgfyFLtB3YeuGuUbsV4V3uLESkrivDR23CciV3FEC_xLK3zgF7uJ9aPDcqU99FKzldol0_V/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZukZvH2obIjQcca2krZDivjf1NPllbAWAkfc74DhFeP8W7tQfGMrIDbvTP1ayavv7vC4TBgfyFLtB3YeuGuUbsV4V3uLESkrivDR23CciV3FEC_xLK3zgF7uJ9aPDcqU99FKzldol0_V/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOdcCtSy8fPBJFQJLmV_eRmZjtY0yqJrQ3776mYx_G5tdh3Mf-Sh3rNNm6JJ0Pn0oLS7suIEoi_oq1ZWLkq8XEhYUhCxI-bnCJ4oj29VIQEFZbNm-FKQz5HRsyVaKk5en-fW9tQUaDE6t/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoqSx3YUjmiOkqoahF8apQXTxWh2oevRBHCrjRIW5sA8BVH9b8ffuy1MuovSdnw-lsjNDdzEyz4fvquahm2NJPBJlhHFOwYVqU3TciOGshxKT5ng_9QgckmQ-mlcuWHC_neZIZBfOUToa/s1600/anonymous.png";
</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
 *Gantikan tulisan yang berwarna MERAH itu dengan URL BLOG ANDA
Setelah itu tekan SAVE..

1 comment

6 Mei 2013, 8:21:00 PTG

nape xleyh buat ekk ??
aduhh pening pale ..