Tutorial: Cara pasang Widget Recent Comments dgn Avatar (Image Profile) di Blogspot

Disebabkan sy lebih prefer utk follow & terjah & komen pd blogger2 yg sudi komen entry sy, maka wujudlaa tutorial ni :) senang sikit nk trace sesape yg tggl komen utk sy kan? :)

Sy xtipu ok, actuly sy prefer pd kwn2 blog yg sudi bce entry dan sudi tggl komen kat ruangan komen entry sy, brbunge je hati bile tgk ade komen.. heheh bio pon 1komen pon.. 

Tp 1 jer sy xsuke nk p komen (kat blog orglen la, if ruangan komen derang mntak word verification..adehh lemah lemau rse bkn pe kdg2 'word' yg trpapar 2 ssh nk bce, n mmbuatkan kne ulg 2-3 kali word verification len.. ruangan komen korang camno?ade x mntak word verification 2?kalo ade, p laa buang ehh?kdg2 ilg mud org nk komen taw..

Kalo nk buang word verification kat ruangan komen korang, wat camni ehh? 

(Dashboard - Settings - Comment - Show Word Verification for Comments - tick No) kalo ber"tick" yes 2 mmg adela word verification 2) tp terpulang laa, ats individu, xmo pkse, ade org suke adex..hihi

Cbox/ shoutbox plk hanyelaa tmpat sy tggal jejak yg mne utk chat/ bitaw pd pemilik blogger yg sy ade singgah/ blogwalking blog beliau (dgn hrapan pmilik blog brkenaan jgk dtg singgah blog sy.. hihik)

Ok abih bebel, jom kte blajo care nak wat widget ni ehh?..hihi

Recent comments with avatar (image profile) seperti yang boleh anda lihat pada sidebar blog saya adalah widget yang sangat menarik. Widget tersebut kini memaparkan gambar avatar pemberi komen 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.

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

Langkah 2
Salin kod di bawah(tulisan yg kaler hijo hulk ni ehh) dan paste pada ruang Content HTML/Javascript (rujuk 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://myownlilstory.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgWsLDyNtuzV1DgEWq7ADdmrF5Pm1hZkounlUeBgadNJW_DK6B6kJS8LHJtN5yET-fvXU48oPRizBG3AEZ5wphWSHzERBx9dlEcaiQ54vXa5UlgXBufaAVeVgnen5FUOxkIGhHYlyvfjj/s1600/blogger.png";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgWsLDyNtuzV1DgEWq7ADdmrF5Pm1hZkounlUeBgadNJW_DK6B6kJS8LHJtN5yET-fvXU48oPRizBG3AEZ5wphWSHzERBx9dlEcaiQ54vXa5UlgXBufaAVeVgnen5FUOxkIGhHYlyvfjj/s1600/blogger.png";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgWsLDyNtuzV1DgEWq7ADdmrF5Pm1hZkounlUeBgadNJW_DK6B6kJS8LHJtN5yET-fvXU48oPRizBG3AEZ5wphWSHzERBx9dlEcaiQ54vXa5UlgXBufaAVeVgnen5FUOxkIGhHYlyvfjj/s1600/blogger.png";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgWsLDyNtuzV1DgEWq7ADdmrF5Pm1hZkounlUeBgadNJW_DK6B6kJS8LHJtN5yET-fvXU48oPRizBG3AEZ5wphWSHzERBx9dlEcaiQ54vXa5UlgXBufaAVeVgnen5FUOxkIGhHYlyvfjj/s1600/blogger.png";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgWsLDyNtuzV1DgEWq7ADdmrF5Pm1hZkounlUeBgadNJW_DK6B6kJS8LHJtN5yET-fvXU48oPRizBG3AEZ5wphWSHzERBx9dlEcaiQ54vXa5UlgXBufaAVeVgnen5FUOxkIGhHYlyvfjj/s1600/blogger.png";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3xKRmVapM8qrNqNjpKePozF8Utco3VJoB-4KNS_QxB2lk1-8GJuBUHUUAHUVnyxWiNKK53TrWjLtWa5DYbYhqEGpQmnqNkUkzbAA6s4Biq5SgeHvM75XbK0b9j1g8WULbL4mkAooVVVls/s1600/user.png";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmuVczSdYR6cyi39p99SueC6LGWsa73jIOY88LWfDPCSH1iIgt0HkgCPI-fPPUGbZ-ZuME8gTxABfNJHLCoUxYqMe8ARi3MU-fNzH-S0zIjSeWrqOU4nyz40Am8QCPi06fnai_pQXV0goL/s1600/anonymous.png";

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

(Jgn lupe tukar myownlilstory dengan nama blog anda sendiri ehh)Akhir sekali, klik Save Kredit: maribinablog :)