Cara Membuat Widget Komentar Terbaru di Blogger

Moeztro | Website Of Indonesia - Setelah Posting (Cara Memasang Status Yahoo Messenger Di Blog) Kini Moeztro Posting Trik Tips Yang Tidak Kalah Bermanfaatnya Dari Post Sebelumnya Yaitu (Cara Membuat Widget Komentar Terbaru di Blogger)
Kelebihan Widget Ini Adalah Theme Komentar Blogger Kita Berbeda Daripada Theme Komentar Blogger Default. Maka Akan Memperindah Penampilan Komentar Blog Kita Dengan Memasang Widget ini.
Untuk memasang widget recent comment dengan avatar Pada Blog Anda . Silahkan Ikuti Tahap Tahapnya .




Langkah 1
Log in blog > Dashboard > Layout > Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2
Copy kode di bawah dan paste pada ruang Content HTML/Javascript (lihat langkah 1).

<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://Moeztro-us.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8W6dWnfGEv4XxqGj8L4SoMQ_8m2LAXPLUuIrn7vrryvXspEUECFrS4KVY3jJRyIk29phkbjJpcob72XBMBI5QYAwwl9U7wyP1VRtSnz5uOUAXKNo58NUoItyIY0aBqmH1oTfYAmOuf_Z/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8W6dWnfGEv4XxqGj8L4SoMQ_8m2LAXPLUuIrn7vrryvXspEUECFrS4KVY3jJRyIk29phkbjJpcob72XBMBI5QYAwwl9U7wyP1VRtSnz5uOUAXKNo58NUoItyIY0aBqmH1oTfYAmOuf_Z/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8W6dWnfGEv4XxqGj8L4SoMQ_8m2LAXPLUuIrn7vrryvXspEUECFrS4KVY3jJRyIk29phkbjJpcob72XBMBI5QYAwwl9U7wyP1VRtSnz5uOUAXKNo58NUoItyIY0aBqmH1oTfYAmOuf_Z/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8W6dWnfGEv4XxqGj8L4SoMQ_8m2LAXPLUuIrn7vrryvXspEUECFrS4KVY3jJRyIk29phkbjJpcob72XBMBI5QYAwwl9U7wyP1VRtSnz5uOUAXKNo58NUoItyIY0aBqmH1oTfYAmOuf_Z/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8W6dWnfGEv4XxqGj8L4SoMQ_8m2LAXPLUuIrn7vrryvXspEUECFrS4KVY3jJRyIk29phkbjJpcob72XBMBI5QYAwwl9U7wyP1VRtSnz5uOUAXKNo58NUoItyIY0aBqmH1oTfYAmOuf_Z/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6mUx-RBLk0dTwdWmP4iTh6JtNaO-oM9YpH2JrlMFCCh4zeOidk-NohuIhn6DIQa-Wp5s2l0VD8THeIMJBQtcTtS9M_ubcngrcippgg5uIHBdPn4it74Cjo8wP39qE576STdmaBPkCaDBO/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugW6LMf5fynmfGitEPvHGkWDqZmzFliNf6qcUf8RfNKqHzIKFViGh1xG6o97SOzD3j3W_43_G3Fqk7qCfMRnfep3PTU_eY22cxwl9LxCbHCDKFPHusstxL87K38HwKmQAAji0wCG_1rFC/s1600/anonymous.png";

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

Jangan Lupa Tulisan Yang Berwarna Merah & Biru  Di Ganti.
Keterangan Angka 5 Yang Berwarna  Biru Adalah Jumlah Dari Komentar Yang Akan Di Tampilkan

Selanjutnya klik Save.

Tweet