Membuat Rencent Comment terbaru dan keren with avatar

Googling - googling nyari recent comment yang keren, akhirnya dapat juga.....
Nah sobat jika ingin membuat Recent Comment Seperti punya saya ini, maka ikutilah turtorial di bawah ini...
1. Log in ke blogger sobat.
2. Masuk ke Tata Letak > Tambah Gadget > pilih HTML/JavaScript dan pastekan Script di bawah ini :

<div style="-padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: auto; width: auto; padding-top: 0px; height:200px" 1px="1px" solid="solid">

<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:black;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid white 0px;
-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:0.70em!important;
color:yellow;
text-decoration:none;
}
div.recentcomment-content{
font-size:0.90em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: black;
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 = 15;
var cm_desc = 13;
var homepage = "http://rexroom.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvArifQaTvNGN3eoOR0xUqQEniNA2JJdAf23J5SCXgq13Q2ofT_rlIJrVgY76z3kwHJ71lN0qdVDL9yMqyQxFJLLzIBFTyha5fLKMU69IMdjDPMRZgyfs21ngwGTKsNdvRi7r3Gh_IbkaK/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvArifQaTvNGN3eoOR0xUqQEniNA2JJdAf23J5SCXgq13Q2ofT_rlIJrVgY76z3kwHJ71lN0qdVDL9yMqyQxFJLLzIBFTyha5fLKMU69IMdjDPMRZgyfs21ngwGTKsNdvRi7r3Gh_IbkaK/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvArifQaTvNGN3eoOR0xUqQEniNA2JJdAf23J5SCXgq13Q2ofT_rlIJrVgY76z3kwHJ71lN0qdVDL9yMqyQxFJLLzIBFTyha5fLKMU69IMdjDPMRZgyfs21ngwGTKsNdvRi7r3Gh_IbkaK/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvArifQaTvNGN3eoOR0xUqQEniNA2JJdAf23J5SCXgq13Q2ofT_rlIJrVgY76z3kwHJ71lN0qdVDL9yMqyQxFJLLzIBFTyha5fLKMU69IMdjDPMRZgyfs21ngwGTKsNdvRi7r3Gh_IbkaK/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvArifQaTvNGN3eoOR0xUqQEniNA2JJdAf23J5SCXgq13Q2ofT_rlIJrVgY76z3kwHJ71lN0qdVDL9yMqyQxFJLLzIBFTyha5fLKMU69IMdjDPMRZgyfs21ngwGTKsNdvRi7r3Gh_IbkaK/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Vp9coYesyKKB-CTmBPEtQAzpWyWwJ1uMnFYh3GGRITGJ5-LP6QHxmCtVpqcKdDiIzfYIFcUhlUZ7biKdW5auJ8K54lA3Ai36HakquY_415WRQnloDaBA68u9KGDfab4XVpb7PmxAczBj/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLoHNviUyJNA2RxRmKZCMbnLomvdIGMYVgiCyRDsjlzdCcb1eKjUh2-zzZ2WGnISnZSodWntQbswL2PwQnXd8ASu-FGEq-X1EfJa2m_YCzJ_wPpcCmHBUi63Sb0petUaRVRiXnsh4Q5zqd/s1600/anonymous.png";</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
</div>

3. Save dan lihat hasilnya....

Keterangan :
Warna Merah ganti dengan Url Blog sobat

Warna Putih  adalah besar kecil tulisan silahkan sobat edit sendiri sesuai selerah
Yang lainnya silahkan sobat ubah sesuai kebutuhan sobat.....

Related Post: