Blog Aiza: Widget Pengomen Terbanyak

05 January 2014

Widget Pengomen Terbanyak

Assalamualaikum,

Widget pengomen terbanyak adalah sebagai salah satu cara untuk kita menghargai rakan-rakan blogger atau pengunjung yang singgah komen di blog kita. Entri ini dibuat sebagai respon kepada pertanyaan blogger Huny eda.

Contoh widget pengomen terbanyak

Sebelum ini telah dibincangkan cara menukar domain dot com. Dahulu aku pernah menggunakan widget pengomen yang ada avatar, tapi ianya membuatkan blog menjadi berat. Berikut adalah cara untuk membuat widget pengomen terbanyak:

1. Pergi ke Dashboard dan klik 'Layout'

2. Klik 'Add a Gadget'.

3. Pilih 'HTML/Java Script'.

<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://www.mizzaiza.com/
&ExcludedNick1= Mizz Aiza
&ExcludedNick2= Anonymous
&ExcludedNick3=
&ShowHowMany=20
&ExcludeCommentsBefore=01-01-2014
&IncludeCommentsBefore=31-01-2014
&_callback=getYpipe
&_id=50b225c916b74b06779b9489abceef2a
&_render=json"
type="text/javascript"></script>

4. Copy kod di atas dan paste di dalam ruangan HTML. Gantikan kod bewarna seperti berikut:

URL blog anda
Masukkan (nama anda, Anonymous atau nama yang anda tidak mahu muncul di widget)
Pilih bilangan pengomen yang dikehendaki
Pilih tarikh permulaan dan akhir yang dikehendaki

5. Save dan preview. Siap..

Begitulah cara ringkas untuk membuat widget pengomen terbanyak. Selamat mencuba.

Updated Oktober 2015:
Terdapat masalah widget di atas buat masa ini. Anda boleh mencuba seperti berikut:

1. Pergi ke Dashboard dan klik 'Layout'

2. Klik 'Add a Gadget'.

3. Pilih 'HTML/Java Script'.

4. Copy kod di bawah dan paste dalam ruangan content pada HTML/JavaScript.

#bcd-140504-widget-top-commentator .avatar {

float: left;

margin: 0 8px 0 0;

display: block;

}

#bcd-140504-widget-top-commentator .avatar img {

min-width: 32px!important;

max-width: 32px!important;

min-height: 32px!important;

max-height: 32px!important;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

#bcd-140504-widget-top-commentator .avatar a {

z-index: 100;

display: block;

position: relative;

}

#bcd-140504-widget-top-commentator .content a {

font-weight: bold;

}

#bcd-140504-widget-top-commentator .content span {

display: block;

color: #999;

font-size: 10px;

font-style: italic;

}

#bcd-140504-widget-top-commentator .item {

margin: 15px 0;

}

#bcd-140504-widget-top-commentator .item-0 {

/*margin: 0;*/

}

#bcd-140504-widget-top-commentator .info {

text-align: right;

height:1.2em!important;

overflow:hidden;

line-height: 1em!important;

}

#bcd-140504-widget-top-commentator .info a {

font-weight: bold;

font-size: 11px;

color: #AAA;;

}

#bcd-140504-widget-top-commentator .item-last {

margin: 10px 0 0 0;

}

#bcd-140504-widget-top-commentator .order-number {

font-size: 15px;

color: #999;

font-style: italic;

float: left;

margin: 0 10px 0 0;

}

#bcd-140504-widget-top-commentator .order-wrap {

margin: 0 0 10px 0;

}

</style>

Widget: simple Top Commentators for Blogger

Author: Tien Nguyen

Website: http://spot.sneeit.com

GNU licenese

/*User setting*/

var _140504_Day_Number = 23; /*Number day use to index your blog comment, increase can make blog slowly*/

var _140504_Name_Number = 10; /*Number name display*/

var _140504_Lang_comments = 'comments';/*the "comments" word in your language*/

var _140504_Hide_Copyright_Link = true;

var _140504_Show_Thumbnail = false;

var _140504_Show_Order_Number = true;

var _140504_Exclude_Users = 'admin,hacker';// all user that you not want to see in list, separate by comma

var _140504_Exclude_Uri = 'https://www.blogger.com/profile/999999999999999,https://www.blogger.com/profile/10101010101010101';// all user's uri that you not want to see in list, separate by comma

var _140504_ID = '|||]|||||]||]]]]|||]|||]|]]|]]]]|||]|||]|]]|]]]]|||]|||]||]|]]]]|]|]]|||]]]]|]|||]]]]]]]|]|||]]]]]]]|||]|||]]||]]]]]|||]|||]]||]]]]]|||]|||]]||]]]]]|]|||]]|]]]]|||]||||]||]]]]]|||]|||||]|]]]]]|||]||]|||]|]]]]|||]||]|||]|]]]]]||]|]]]]]]]|||]|||||]|]]]]]|||]||]|||]|]]]]]||]|]]]]]]]|]|||]]|]]]]]||]]||]]]]]|||]|||]|||]]]]]|||]||||]||]]]]]|]|||]]]';

</script>

Boleh ubah dengan menggantikan kod bewarna seperti berikut:

Bilangan hari pengiraan komen

Bilangan pengomen

Sumber widget: www.sneeit.com/2014/05/top-commentators-widget-for-blogger.html

^_^