Memasang "Top Komentator"

Top Komentator ni bertujuan memaparkan nama pengunjung blog kita yg telah memberikan komen bersama jumlah komen yg diberikan dalam blog kita, disamping memberi kita maklumat yg berguna ia juga memberikan mereka galakan utk terus mengomen.


tgk gmbar diatas, itu contoh paparan yg ditunjukan..jika nak ikut cara dibawah:-

memula Log in ke lam Blogger

gi kat |Layout| --> |Page Element| --> Add a gadget

pilih Add HTML / JAVASCRIPT lepas tu tampal kod kat bawah:-

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ol>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ol>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http://blogkamu.blogspot.com&num=10&filter=Anonymous" type="text/javascript"></script>

Sekarang tukar perkataan bewarna merah itu mengikut citarasa kamu:-
1. http://blogkamu.blogspot.com = Alamat Blog Kamu
2.10 = Bilangan komentator yg ingin dipaparkan
3.Anonymous = Nama yg ingin ditapis, maksudnye nama ni takkan keluar..pisahkan dgn koma jika lebih drp satu..cth (fyzue, faizu, peju)

selamat mencuba

sumber : lupa dh lama guna, @Liyannuar rasanya

Meletak Photo Komentator

Kalau pengguna wordpress mmg xyah susah2, komennye mmg dh tunjuk gambar org yang mmberi komen...bagi kita pengguna Blogger jg sdh berpeluang nk wat camtu dgn sedikit tambahan kod....xjelas mcmmana kedudukan gambar tu, cuba tgk gmbar kat bawah:-

anda dpt perhatikan ada gmbar komentator yg dipaparkan bsebelah dgn komen yang dibuat...
gambar ini hanya akan keluar jika komentator tersebut telah log in kedalam dashboard terlebih dahulu..jika tidak gambar ni akan kuar ..

berminat nak meletakkan gambar anda yg hensem/lawa ditepi komen..ikut proses dibawah:-
1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|
pastikan tanda Expand Template Widget diklik.

A) Skang masukkan kod yang berwarna merah dibawah ditempat sepatutnye, tgk kod HTML dibawah dgn berhati2...

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='"comment-" data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

kalu susah cuba tekan CTRL+F dan masukkan <dl id='comments-block'> ni..

B) Skang cari kod ini </head> dan masukkan kod dibawah diatas </head> :-

<script src='http://javascripthost.com/s1/bin/fyzuex.photokomen.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>

save templates dan cuba tgk perubahannye...
selamat mencuba ye...jgn pening

sumber : O-om