Menunggu...

Cara Membuat Widget Top Komentator

Cara Membuat Widget Top Komentator
Sahabat blogger pemula yang baik hatinya, artikel ini adalah sebuah jawaban untuk sahabat +Ilkom unived dan sahabat +Uda Awak yang pada salah satu artikel membuat member komentator aktif telah mengajukan pertanyaan atau lebih tepatnya merequest cara membuat top komentator seperti yang ada di blog tercinta ini.

Rasanya terlalu pelit jika saya tidak mau berbagi kepada sahabat, apalagi script yang saya gunakan adalah script hasil nemu saat blogwalking. hehe
Kode ini saya peroleh dari www.bloggersentral.com saat jalan-jalan di google, mudah-mudahan artikel ini bisa memenuhi permintaan sahabat semua yang ingin memasang widget top komentator di blog masing-masing..
Untuk hasilnya sobat bisa langsung lihat diblog tercinta ini

  • Login ke akun blogger sobat
  • Masuk ke pengaturan Tata Letak
  • Pilih HTML/JavaScript
  • Masukkan kode berikut pada bagian Konten
<style>
#tcom {
list-style-type: none;
margin: 0;
padding: 0;
background: #E4E5E7;
font: normal 12px/20px serif;
}
#tcom li {
background: #ffffff;
border-bottom: 1px solid #A52A2A;
margin: 0 0 1px 0;
overflow: hidden;
padding: 5px;
}
#tcom li:last-child {
margin: 0;
}
#tcom .img {
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 59px;
overflow: hidden;
}
#tcom .img img {
vertical-align: middle;
height: 100%:
width: 100%
}
</style>
<script type="text/javascript">
//Top Komentator By Blogger sentral @-www.bloggersentral.com
// Modified By Adjie Umbara @-http://adjieumbara.blogspot.com/
function topkomentar(feed) {
document.write('<ul id="tcom">');
var i;
for (i = 0; i < feed.count; i++) {
var d     = feed.value.items[i];
var item;
var href  = d.link,
 itez  = d.author['gd:image'].src.replace(/\/s(512|220)/g,"/s60"),
 total = d.title.replace(/([^0-9])/g, ""),
 nama  = d.author.name;
if(feed.value.items[i].link == "") {
item ="<li>" + feed.value.items[i].title + "</li>";
} else {
item  = "<li>" + "<span class='img'><img src='" + itez + "'/></span>" + "<div class='nama'>"+nama+"</div>" + "Alamat Blog : <a href=" + href + " target='_blank'>Kunjungi</a>" + "<div class='total'>Total Komentar : " + total +"</div>" + "</li>";
document.write(item);
}
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?YourBlogUrl=http://adjieumbara.blogspot.com&ExcludedNick1=Adjie Umbara&ShowHowMany=5&_callback=topkomentar&_id=23022d7836bf2dd3c10a329feb9be26a&_render=json"
type="text/javascript"></script>
Catatan :

  1. Ganti kode warna yang berwarna ungu untuk menyesuaikan background blog
  2. Ganti tulisan yang berwarna biru dengan URL blog sobat
  3. Ganti tulisan yang berwarna hijau dengan nama author agar komentar admin tidak terdetek sebagai top komentator
  4. Ganti angka yang berwarna orange untuk menambah atau  mengurangi jumlah komentar

  • Simpan widget

Kiranya cukup jelas untuk segera di terapkan pada blog sobat. Dengan adanya widget top komentator ini tentunya akan memudahkan pengunjung untuk melakukan aktifitas blogwalking pada sahabat yang selalu aktif dalam dunia blogging, sekaligus untuk mengapresiasi dan memotivasi sahabat yang setia berkomentar di blog kita.. Salam
Advertise Here
By adjieumbara.blogspot.com
300x250

Klik disini untuk berkomentar 63 komentar:

avatar

mantaf sob buat menambah cantik blog nya :-)

avatar

Bisa langsung di coba, silahkan...

avatar

Begitu ya caranya mas...saya save dulu ah nanti saya pelajari

avatar

Tidak perlu di pelajari tinggal copy paste kode diatas.. :) hehe

avatar

dengan adanya widget top komentator ini maka akan memancing para komentator untuk berlomba-lomba berkomentar di blog kita ya mas hehee :D

Ternyata saya termasuk komentator terbanyak ya di blog ini wkwkwk :D

avatar

langsung saya coba...trimakasih ya :)

avatar

MAU TANYA, ITU CARA NAMBAH JUMLAH TOP KOMENTATORNYA GMANA...LALU CARA MENGHAPUS KOMENTARNYA ADMIN BLOG GMANA, AGAR TIDAK TERMASUK DALAM TOP KOMENTATOR SEPERTI DI BLOG INI...MOHON JAWABANNYA DIKIRIM KE BLOG SAYA YA

avatar

wah cukup mudah pemasangannya gak perlu edit html.... memang kreatif para blogger indonesia ini :>) trims ya.

avatar

oia mas, ada tutor cara bikin sidabar tab seperti blog ini ga? blog saya jd memanjang, pengen pakai itu biar irit tempat (o)

avatar

Mas, Top komentar hampir mirip dengan artikel/entri populer bukan ?
Salam :)

avatar

dibagikan juga nih tutorialnya hehe :)

avatar

Selamat siang Mas Adjie :) ijin simak dan bookmark nih Mas
Script Top Comments nya terima kasih yah sudah berbagi salam sukses

avatar

wah harus langsung dicoba praktekin nie biar tahu hasilnya...
ijin bookmark scriptnya ya sob :)

avatar

jadi kelihatan ya mas siapa komentator terbanyak di blog. wah...mbak ririn bakal dapat piring tuh :-d

avatar

makasih gan ane dapet ilmu baru hari ini :D
salam kenal dari Andrekocak Blog
Jgn lupa mampir :)

avatar

pengen nambah ini juga tapi bingung mau naruh dimana :D, pasang di top menu bisa mungkin ya....???

avatar

Sudah tuh kang Zeer, hehe

Benar banget mba Rin anggap saja sebagai bonus untuk sahabat, :d

avatar

Sama-sama Kang.. (o)

avatar

Mungkin pada artikel artikel selanjutnya.. terimakasih :)

avatar

Dilihat dari cara kerjanya sih sepertinya demikian sob, sama-sama menampilkan yang terbanyak / terpopuler (o)

avatar

Rasanya senang sob bisa berbagi,, hehe :-d

avatar

Salam sukses juga buat sahabat Saud Karrysta..

avatar

Silahkan sob bisa langsung di tes..

avatar

Nanti pas mau lebaran dapat THR kang, siap-siap saja.. :)

avatar

Senang bisa berbagi.. :d

avatar

Sepertinya kurang menarik sob..

avatar

malam ni mas adjie semoga sukses selalu ya .. saya simpan dulu tutorialnya :D
kunjungan perdana ni mas

avatar

Salam kenal sahabat Nucky

avatar

Tapi link Kunjungi di widget Top Comment kok nggak menuju blog nya mas? malah menuju profil nya heheehe :D

avatar

Kunjungan perdana sahabat...
makasih tutorialnya...
td lg nyari2 nyangkutnya disini.. :D

avatar

mantap gan :D ijin bukmark :p

avatar

ini sama dengan yang sering saya lihat di beberapa blog teman-teman mas.
banyak yang menggunakan widget ini.
tapi saya, tidak menggunakannya karena terlalu rame nanti blognya. maksudnya saya suka yang simple saja.
hehehehe

avatar

Memasang widget top komentator akan menaikkan traffict vsiitor. sebab banyak pengunjung yang berlomba untuk memberikan komentar agar link-nya bisa nampang di widget. mantab

avatar

alhamdulillah, sudah terpasang, dan ternyata artikel di atas diperbarui dan makin lengkap...sangat bermanfaat :)

avatar

sebenere pengen pasang juga widget top comment ini di blog saya, tapi berhubung blog nya sudah penuh, nggak jadi deh pasang widget ini hehe :D nanti malah tambah kayak pasar ya mas wkwkwk :D coz keramean :D

avatar

keren triknya! mksih

avatar

Pengen pasang tapi sudah penuh widget sebelah kanan blog saya,... . ..tapi gak papa, (o) aku save aja.barangkali bsok-bsok ada widget yang dihapus bisa d ganti dengn widget yang ne..
makasih buat mas Adjie untuk artikelnya yang bgus ne... . :d

avatar

Keren sob... makin sering coment disini bisa ikut namang :)

avatar

follow no 24 sukses,,, follow back ya..

avatar

wah keren mas bro... ijin simpan dulu ya mas.. hmm yang jadi top komentator para master blogger semua nih mas.. hehehehe

avatar

Terimakasih infonya mas,ijin pasang di blog saya yah . . .

avatar

Selamat Malam Mas Adjie nyimak lagi nih di artikel keren top
Komentarnya baca lagi biar lebih paham makasih Mas Adjie :)

avatar

wah keren nich mas, bisa saya pasang di blog saya juga nich widget top komentatornya (f)
makasih sharingnya x-)

avatar

Untuk menghindari masalah multy blog mba ririn, :)

avatar

Mudah-mudahan artikel dari blogger pemula bermanfaat untuk sahabat semua.. thanks :)

avatar

Terimakasih sob, semoga bermanfaat..

avatar

Ya mas Agus ini juga karena permintaan dari sahabat2 yang mereques widget top komentator, rasanya senang bisa berbagi.. hehe

avatar

Ya sebagai motivasi para komentator agar link profilnya bisa ikut-ikuatan mejeng di blog sahabat, hehe
Rasanya cara ini lebih tepat daripada tukar link.. :>)

avatar

Ya kang Zeer artikel diatas saya update untuk lebih memudahkan sahabat blogger pemula.. terimakasih kang..

avatar

Blog mba ririn mah sudah penuh sama ADS, mantap mba... :)

avatar

Sama-sama sob..

avatar

Sama-sana sob, ya save saja dulu siapa tahu suatu saat dibutuhkan...

avatar

Siip, nanti dapat THR pada lebaran 2014, heheee...

avatar

Ya nih makanya tidak salah blog beliau2 mendapat pv terbaik, hehe
Mungkin mas Nady akan menyusul....

avatar

Silahkan sahabat Nehad,, semoga berhasil dan menarik minat komentator untuk berkomentar di blog sobat, thanks... :)

avatar

Wah saya mau balas bingung nih mas, selamat malam, pagi, siang atau sore? hehe
Silahkan sob semoga bermanfaat..

avatar

Silahkan mba Indri..

avatar

puny ne kok gK bisa ya bang ;-(

avatar

mantep gan ,,,,
sudah saya praktekan di blog saya,,,,,
terima kashih

avatar

Semoga bermanfaat sob..

avatar

Mantab, berhasil...Terimakasih bang :)

avatar

nice info kang :)

avatar

makasih bang saya akan coba di blog saya

Berkomentarlah dengan bijak karena setiap perkataan yang kita ucapkan merupakan cermin pribadi seperti apa diri kita..

Terima kasih atas komentar Anda