cara pasang widget recent comment keren buat blog

Posting lagi nie sob setelah cukup lama tidak buat postingan di blog ini , dengan judul posting kali ini cara pasang widget recent comment keren buat blog yang dilengkapi dengan avatar dan photo si pemberi komentar yang bisa sobat lihat pada gambar di atas postingan blog ini .
bagi sobat yang mau mencoba memasang widget ini bisa dengan cara mengikuti langkah-langkah nya di bawah ini :

1.silahkan login dulu ke acount blog sobat
2.pilih dasbor->>tata letak->>tambah gadged->>HTML javascript.
3.copy paste kode dibawah ini ke halaman HTML javascript .

<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 = "http://blog-rangga.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2hIcHK4jx2B6fgzZ4ecsPtT8TKZdcHn-NLGHFBO929tqYnxj1L3_dNa7yISZi9JzTZdgioobZVkRoWx5maB6EFG9LVO5UqI7PUuFRJkMADS5gOiymjfDijI8-yeuRSELT9XpB-QmB8gs/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2hIcHK4jx2B6fgzZ4ecsPtT8TKZdcHn-NLGHFBO929tqYnxj1L3_dNa7yISZi9JzTZdgioobZVkRoWx5maB6EFG9LVO5UqI7PUuFRJkMADS5gOiymjfDijI8-yeuRSELT9XpB-QmB8gs/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2hIcHK4jx2B6fgzZ4ecsPtT8TKZdcHn-NLGHFBO929tqYnxj1L3_dNa7yISZi9JzTZdgioobZVkRoWx5maB6EFG9LVO5UqI7PUuFRJkMADS5gOiymjfDijI8-yeuRSELT9XpB-QmB8gs/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2hIcHK4jx2B6fgzZ4ecsPtT8TKZdcHn-NLGHFBO929tqYnxj1L3_dNa7yISZi9JzTZdgioobZVkRoWx5maB6EFG9LVO5UqI7PUuFRJkMADS5gOiymjfDijI8-yeuRSELT9XpB-QmB8gs/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2hIcHK4jx2B6fgzZ4ecsPtT8TKZdcHn-NLGHFBO929tqYnxj1L3_dNa7yISZi9JzTZdgioobZVkRoWx5maB6EFG9LVO5UqI7PUuFRJkMADS5gOiymjfDijI8-yeuRSELT9XpB-QmB8gs/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMCwpFiXucDii4Iz_fxaTHmXY_1FsheCpnGGPoYcLKXzIk_MW_m68Q_6rY8Qk8RZ-BVLuyIh0SCWMXmsp-O2OS-cZMaU5LCaJHkAmcyFsQ__kLYVXvoubJzMZ6_Uk4jKbl1_DR3rSfzEaD/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOjZVnbvcA3lgfbf6ou4bg0HD3dq3yTASHH9ayvDrX9eaXt8DPOU7RKPQC1Kl7aRqBh2aurvmZ-J_BBa95V2pw2yHE9UG6N2JASYJZtAH2TQnePuls-eLOFEjb7wdbMUWZ5_r0h5frohv/s1600/anonymous.png";</script>


<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>

ket : kode link yang berwarna merah ganti dengan kode link blog sobat

4.silahkan sobat klik pratinjau untuk melihat hasil nya di blog sobat



Semoga berhasil