Recent comments with avatar (image profile) seperti yang
anda lihat pada image diatas adalah widget yang sangat menarik.
Widget tersebut kini menampilkan gambar avatar para komentator tentunya yang menggunakan akun google beserta
dengan komen ringkas pada post yang berkaitan dalam Blogger.
Untuk memasang widget recent comment dengan avatar ini pada blog anda, sila ikut beberapa langkah di bawah.
Untuk memasang widget recent comment dengan avatar ini pada blog anda, sila ikut beberapa langkah di bawah.
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://albertotkj.blogspot.com/";
var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLKa8bf0AMwHCy1Wc3_e3DnsbFTQoI38EaJX5anilABCVi-L3OdCYW51w8x2a8v2bJ2ADeGyTiXD3Xer6h1f48lZEexyRCSeXcmboBlLxZhRryDnuYRqmuDj-A4nIb2xeZuyLaHpFOQW/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLKa8bf0AMwHCy1Wc3_e3DnsbFTQoI38EaJX5anilABCVi-L3OdCYW51w8x2a8v2bJ2ADeGyTiXD3Xer6h1f48lZEexyRCSeXcmboBlLxZhRryDnuYRqmuDj-A4nIb2xeZuyLaHpFOQW/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLKa8bf0AMwHCy1Wc3_e3DnsbFTQoI38EaJX5anilABCVi-L3OdCYW51w8x2a8v2bJ2ADeGyTiXD3Xer6h1f48lZEexyRCSeXcmboBlLxZhRryDnuYRqmuDj-A4nIb2xeZuyLaHpFOQW/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLKa8bf0AMwHCy1Wc3_e3DnsbFTQoI38EaJX5anilABCVi-L3OdCYW51w8x2a8v2bJ2ADeGyTiXD3Xer6h1f48lZEexyRCSeXcmboBlLxZhRryDnuYRqmuDj-A4nIb2xeZuyLaHpFOQW/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFLKa8bf0AMwHCy1Wc3_e3DnsbFTQoI38EaJX5anilABCVi-L3OdCYW51w8x2a8v2bJ2ADeGyTiXD3Xer6h1f48lZEexyRCSeXcmboBlLxZhRryDnuYRqmuDj-A4nIb2xeZuyLaHpFOQW/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFQ7P4J0lfZN-VmIv8tcurKODNaSFhHWpWrFPn1QbC_zzKsBfQpE_5igd5X_XT_D605pprMzBLslw-CG428uHniwxWhUY3vjTYLj6G57LSwaxuwLOvKN7YAdX12JZngwKVDl6Hr3cov2m/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97yBQDW3e72vkTL-STEQ3eso5N2hcys37Qk4FG-hV47TBvstyp9dEjbyqlSv8UrYkynBNseU7Tcl2aRk0O8wjkqHn9pDke_hQAkzruUhgdJ8FnACFRDzyhnp0mhZMQnd3Iluo2_SaBC28/s1600/anonymous.png";
</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
Selanjutnya klik Save.
Jangan lupa tulisan merah ganti dengan nama domain Anda dan angka 5 adalah jumlah dari komentar yang di tampilkan
Bikin load blog jd berat g tuh sob. panjang amat scriptnya hehehe
ReplyDeleteenggak kok sob,,
Deletedi coba aja deh :)
makasih gan infonya ^^
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteGAN BISA KIRIM PHOTO SHOP KE SKYPE PUNYAH KU
ReplyDeleteoia, ko tampilannya Kotak Komentar Gadgetnya pas dilihat kosong gan...biasa saya pemula ni pak Boss....
ReplyDeleteane kurang paham gan :(
ReplyDeletehuhhh..
(garisbuku.com)