Sebelumnya maaf kalo judul postingnya aneh..
Apalagi gambar thumbanialnya..


Sebenarnya maksud dari judul di atas adalah Mempercantik Widget Recent Comments / Komentar terbaru.
Dimana pada widget itu saya memadukan antara dua widget, yaitu Recent Comments + Top Komentator.



Kembali ke benang merah..  

Jadi intinya ini perpaduan antara recent comments dan top komentator.
Ditambah tampilanya yang elegan (Cieeeee...) 

Yu langsung saja ke  

:

• Langkah Pertama.
1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Pilih Edit HTML.
4. Cari kode ini ]]></b:skin>
5. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi.

/* Komentar Terbaru */
.isi {
padding-bottom:10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:17px;
border:1px solid #809fbd;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 50px;
}
.judul {
display:inline;
text-transform:capitalize;
}
.yang-komentar {
display: inline;
font-weight:bold;
color:#fff;
}
.komentar-terbaru {
padding: 2px 0 2px 17px ;
border:1px solid #809fbd;
-moz-border-radius-topright: 100px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
background: #444 url(http://i946.photobucket.com/albums/ad309/badai_guroen/ball_b.gif) no-repeat 2px 6px;
} 

kode yang berwarna merah boleh sobat ganti dengan sesuka hati hehehe.. (kode warna dan url gambar kesayangan sobat)

               6. Klik Tombol Simpan Template.

• Langkan Kedua
1. Pilih Tata Letak, kemudian klik Elemen Halaman.
2. Klik tanda + pada HTML/JavaSript.
3. Copy kode dibawah ini kemudian paste pada kolom konten yang tersedia.

<div align="left"><marquee direction="left" width="90%" scrollamount="5">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = " <img src=http://i946.photobucket.com/albums/ad309/badai_guroen/ball_b.gif> " + "<a href=" + href + ">" + obj.value.items[i].title + "</a>";
document.write(item);
}
document.write("");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http%3A%2F%2Fwww.agoezimoetz.blogspot.com&num=10"type="text/javascript"></script>
</marquee>
<div style="overflow:auto; padding:5px; width:260px; height:230px;
background-color:; border:0px solid #ccc; -moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;">
<script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(alturl);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
var comment = entry.content.$t;
var alamat = entry.author.$t;
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if(entry.author[0].uri){
var uri = entry.author[0].uri.$t;
var urilink = uri.split(":");
urilink = urilink[0];
if (urilink != "http") var uri = "http://" + entry.author[0].uri.$t;
}
else {
var uri = false;
}
if(uri){
if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t +  '</div>');
if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
document.write(':<br/>'+'</div>');
if (comment.length < numchars)
document.write('<div class="isi">' + comment + '</div>');
else
document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
}
else {
if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t +  '</div>');
if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
document.write(':<br/>'+'</div>');
if (comment.length < numchars)
document.write('<div class="isi">' + comment + '</div>');
else
document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
}
}
}</script><script style="text/javascript">var numcomments = 9;var showcommentdate = true;var showposttitle = true;var numchars = 100;</script><script src="http://agoezimoetz.blogspot.com/feeds/comments/default?max-results=10&alt=json-in-script&callback=showrecentcomments"></script></div></div>  

- Kode berwarna merah ganti dengan alamat blog sobat
- Kode berwarna biru ganti dengan jumlah recent or top comments yg akan ditampilkan
- Kode berwarna pink ganti dengan ukuran kolom widget di blog sobat

4. Klik Tombol Simpan.
5. Lihat blog anda sekarang.

Selamat mencoba...

Jika tidak berhasil... Resiko ditanggung sendiri... hehehehe...

Becanda sob.....


 

Oiya ada yang lupa sob...

Postingan ini sekalian saya jadikan Award bagi Sobat semua yang paling banyak berkomentar di blog ku ini...
Karena apa?? karena bagi para komentator di blog ku, akan secara otomatis link blog nya akan terpasang di blog ku ini... itu artinya link sobat akan bertambah banyak berada di blog ku.. Tapi bagi hanya si Lima komentator terbanyak az ya sob..

So... Selamat Berlomba-lomba dalam kebaikan... hehehe...