Tutorial | Cara pasang widget Recent comments dengan avatar (image profile)

Kadang-kadang kita kena tahu jugak kan siapa lah yang comment entry kita . tutorial ni bagus untuk sapa-sapa yang tak guna "awaiting moderation" . so, stepnya adalah...

step:

 1. Sign in blogger > Design > Add Gadget > Html/JavaScript

2. Copy code di bawah dan paste ke dalam Html/Java Script

<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.02em;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 = "http://hijaulembut.blogspot.com/";
var cm_ava = new Array();cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCeJGymGEGrOHJC8sLdpj-gVndJRM2xSITFGm6bGZL1227OZm7gP64vMglIpHZdPxelrPYf8JIzBFLeRoXW64ELy63vHATvjOa3LJgvexSlOpRrsjk0Bne1Bwu83UL6lkMCTxfuJxmeTy/s1600/blogger.png";cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCeJGymGEGrOHJC8sLdpj-gVndJRM2xSITFGm6bGZL1227OZm7gP64vMglIpHZdPxelrPYf8JIzBFLeRoXW64ELy63vHATvjOa3LJgvexSlOpRrsjk0Bne1Bwu83UL6lkMCTxfuJxmeTy/s1600/blogger.png";cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCeJGymGEGrOHJC8sLdpj-gVndJRM2xSITFGm6bGZL1227OZm7gP64vMglIpHZdPxelrPYf8JIzBFLeRoXW64ELy63vHATvjOa3LJgvexSlOpRrsjk0Bne1Bwu83UL6lkMCTxfuJxmeTy/s1600/blogger.png";cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCeJGymGEGrOHJC8sLdpj-gVndJRM2xSITFGm6bGZL1227OZm7gP64vMglIpHZdPxelrPYf8JIzBFLeRoXW64ELy63vHATvjOa3LJgvexSlOpRrsjk0Bne1Bwu83UL6lkMCTxfuJxmeTy/s1600/blogger.png";cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCeJGymGEGrOHJC8sLdpj-gVndJRM2xSITFGm6bGZL1227OZm7gP64vMglIpHZdPxelrPYf8JIzBFLeRoXW64ELy63vHATvjOa3LJgvexSlOpRrsjk0Bne1Bwu83UL6lkMCTxfuJxmeTy/s1600/blogger.png";cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6AAwFWXt1xGA1_NSoAyrYxvov78qLpFpPn2IA3xDyvO6fAYss36Bg-Y1RnzjiHox9djA6GJiSpFJieUzX1Tg7EH4uJreIN9Uw7Yq50z0ZtD-J_5nh3C2g9ekf5hEzLYM7FP64QXBlqxx/s1600/user.png";cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1Lz92Nb_dnfKoAlnr4aqDESaZOR4EADenoCfj5cN0UCzO-XxPwlV-g8MWfI0ZejQZ6u6xV5K-rzV-iJ0_XS-JqFyPELhXDwmGUFHorLdCVtg3B21mR2b8TlXjfy0Z2S9aANgTNNljv20/s1600/anonymous.png";
</script><script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>

3. Tukar yang warna merah dengan link korang.

4. save then preview :)

jadi tak? jadi tak? hehe

Follow @RarraLee