Tutorial Memasang 2 Versi Widget Top Comentator untuk Blog Anda

Banyak cara yang bisa anda lakukan untuk memancing minat pengunjung blog anda untuk meninggalkan komentar , salah satunya adalah widget top comentator. Kenapa saya katakan bahwa widget ini dapat memancing minat pengunjung blog anda untuk berkomentar?
ya, karena pengunjung yang memanfaatkan fasilitas Name/URL untuk berkomentar di blog anda, mendapatkan keuntungan dengan ikut eksisnya alamat blog mereka di widget ini.

Bagi yang belum tahu bagaimana bentuk widget tersebut? silahkan lihat demo widget top comentator versi cloud dan versi list.

Tertarik untuk memasangnya di blog anda ? Gampang qo, cukup pilih tambahkan gadget di menu rancangan, kemudian pilih HTML/Java Script , pada jendela baru yang terbuka, masukkan kode berikut ;

Widget top Comentator

Versi cloud ;

<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";//clickable commentator name
display = display + ccLName + " ";
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
  YourBlogUrl=http://lizwana.blogspot.com/
&Exclusions=Liz Wana
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
 type="text/javascript"></script>
<br/><br /><span style="font-size: 8px;">2012 - 2013 <a href="http://goo.gl/UceNe" target="_blank" title="Get This"><b>Top Comentator Widget</b></a></span>

Versi list ;

<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl= http://lizwana.blogspot.com/
&ExcludedNick1=Liz Wana
&ExcludedNick2=Anonymous
&ShowHowMany=10
&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script>
<br/><span style="font-size: 8px;">2012 - 2013 <a href="http://goo.gl/UceNe" target="_blank" title="Get This"><b>Top Comentator Widget</b></a></span>

Kemudian simpan.

Perhatikan kode berwarna merah, silahkan anda ganti dengan alamat blog anda, dan nama profil anda, kecuali jika anda ingin nama anda ikut muncul di widget tersebut, maka cukup ganti URL blog nya saja.




Selanjutnya, sebuah pertanyaan terlintas di hati saya setelah menulis posting ini, apakah tulisan kali ini memancing minat anda untuk berkomentar?
terima kasih telah membaca cara membuat widget top comentator. 


TAGS:
loading...