Cara Membuat Widget “Paling Banyak Dikomentari” pada Blogger

Secara default, widget dengan jenis daftar posting yang disediakan di blogger hanyalah widget popular posts dan widget arsip. Pada posting ini, saya akan menambahkan widget lain dengan jenis daftar posting, yaitu widget yang mengurutkan posting dari yang paling banyak di komentari dengan menampilkan jumlah komentarnya.

Widget ini dibuat oleh pemilik blog mybloggertricks.com dengan menggunakan script yang sudah ada dari yahoo. Dengan style yang cukup elegan dan dilengkapi bubbles yang berisi angka jumlah komentar, widget ini sangat bagus untuk ditampilkan pada blog anda.

Widget ini sangat bermanfaat untuk memicu pengunjung agar ikut berdiskusi pada posting yang paling banyak di komentari. Alhasil, posting lama anda akan selalu terupdate karena ada komentator yang baru. Perlu diingat bahwa halaman yang terupdate pada blog anda biasanya disukai mesin pencari, bahkan walaupun posting tersebut dibuat sudah lama.

Posting paling banyak dikomentari

Nah, untuk menambahkan widget daftar posting paling banyak di komentari ini, silahkan ikuti langkah-langkah dibawah :

1.  Login ke Dashboard blogger > Pilih Blog > Layout

2. Klik Add a Gadget

3. Pilih HTML/JavaScript

4. Masukkan kode di bawah ini :

<style>
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;}
.commentbubble:after {
content: ‘ ‘;
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style><script type=”text/javascript”>
function getYpipePP(feed) {
document.write(‘<ul style=”list-style:none; “>’);
var i;
for (i = 0; i < feed.count ; i++)
{
var href = “‘” + feed.value.items[i].link + “‘”;
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = ‘<li style=”clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; “> <div class=”commentbubble”>’ +pComment + “  </div>” + “<a href=”+ href + ‘” target=”_blank”>’ + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write(‘</a></li>’);
}
document.write(‘</ul>’);
}
</script>
<script src=”http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.devaradise.com/id/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json”
type=”text/javascript”></script>

Keterangan Kode :

– Sebelum di tambahkan ke widget baru, sebaiknya pastekan dulu kode di atas ke notepad, agar menghapus semua style font yang terbawa dari blog ini.
– Ganti http://www.devaradise.com/id/ dengan URL blog anda

– Pada bagian ShowHowMany=6ganti angka 6 sesuai dengan jumlah posting yang ingin anda tampilkan.

– Kode yang saya highlight dengan warna kuning, itu adalah kode warna untuk bubble yang berisi jumlah komentar tiap posting. Silahkan ganti sesuai dengan selera anda. Gunakan Tools Color picker untuk mendapatkan kode warna yang tepat.

– Ganti kode #dedede  Jika anda ingin mengganti warna garis titik-titik dibawah setiap judul posting.

5. Klik save, dan widget sudah ditambahkan.

Bila ada pertanyaan, silahkan tanyakan di komentar.
Sekian, Semoga bermanfaat 🙂

~Muhammad Syakirurohman~

viagra price ciprofloxacin for dogs free viagra cialis coupons side effects of azithromycin buy generic viagra post finasteride syndrome cialis patent expiration date extended cheap levitra viagra without a doctor prescription thuoc azithromycin is tamoxifen chemotherapy cialis patent expiration ciprofloxacin uses withdrawal from lexapro how to wean off lexapro tamoxifen bijwerkingen ciprofloxacin side effects erectile dysfunction cialis side effects of viagra levitra vs viagra equipe argentine viagra buy viagra online does lexapro cause weight gain generic viagra viagra alternative levitra generic what is tamoxifen side effects of finasteride cialis or viagra cialis dosage strengths generic cialis tadalafil viagra nebenwirkungen generic cialis at walmart azithromycin for pneumonia tamoxifen lawsuits how much does cialis cost ciprofloxacin class viagra canada viagra bestellen tamoxifen side effects in women what is azithromycin for what is lexapro ciprofloxacin ophthalmic solution levitra prezzo in farmacia viagra natural how does cialis work discount viagra finasteride side effects in men canada viagra cialis order viagra canadian viagra zithromax 500 mg acyclovir 800 mg azithromycin without a doctor’s prescription finasteride results propecia effects of stopping lexapro suddenly tamoxifen citrate cipro and tendonitis escitalopram 10mg how long for lexapro to work cialis 5 mg acyclovir dosage for cold sores tamoxifen and weight gain levitra 20 mg von bayer cialis coupons 2017 zovirax dosage cialis alternative acyclovir 800mg acyclovir ointment lexapro dosages levitra without a doctor prescription what is ciprofloxacin stopping lexapro azithromycin medscape what is azithromycin used for finasteride hair loss free cialis cialis prices acyclovir 800 mg for shingles what is lexapro used for viagra generic escitalopram side effects what is acyclovir for ciprofloxacin drops viagra for sale levitra 10 mg prezzo generic viagra 100mg cialis cost herbal viagra cialis cheap viagra costs what is cipro what is finasteride viagra vs cialis how does viagra work viagra soft cialis online levitra vs viagra side effects of finasteride 5mg levitra lexapro for anxiety buy levitra viagra vs cialis tamoxifen side effects in women over 55 generic for lexapro antibiotic ciprofloxacin cialis daily viagra sex what does finasteride do tamoxifen langzeitfolgen cost of viagra viagra for women viagra tablet lexapro reviews how to take cialis viagra samples zovirax pills lexapro and weight gain cialis without a doctor’s prescription side effects of azithromycin 250 mg viagra pill lexapro side effects in women viagra uk azithromycine 250 mg finasteride reviews finasteride permanent side effects finasteride 5 mg cialis generic tadalafil cialis trial levitra 20 mg precio farmacia common side effects of ciprofloxacin 500 mg azithromycin coverage viagra en ligne livraison 24h cialis for daily use what is viagra lexapro generic is lexapro a controlled substance side effects of tamoxifen viagra substitute lexapro benefits for women viagra 50mg cialis pills for sale azithromycine eg 500 mg bijsluiter levitra 20 mg cost walmart what is acyclovir used for liquid cialis zoloft vs lexapro cialis coupon print cialis coupon generic levitra vardenafil 20mg lexapro dosing viagra cialis ciprofloxacin used for finasteride cialis vs viagra generic levitra ciprofloxacin hcl 500 mg side effects what is azithromycin cialis 30 day trial coupon cialis effects wellbutrin and lexapro viagra without a doctor prescription usa levitra erfahrungen azithromycin drug class finasteride efectos secundarios what is cipro usually prescribed for acyclovir 400mg acyclovir 800 mg 5 times a day cialis samples overnight cialis samples zovirax effects of stopping finasteride utilisation viagra cipro dosage viagra alternatives viagra ohne rezept aus deutschland zithromax dosage finasteride for women finasteride medication vardenafil vs viagra cialis 10 mg azithromycin viagra cost lexapro vs celexa ciprofloxacin 500mg women viagra escitalopram 10 mg para que sirve azithromycin class ciprofloxacin hcl 500 mg tab generic lexapro cipro antibiotics ciprofloxacin 500 mg for urinary tract infection side effects of lexapro in women buy levitra online levitra vs viagra for hardness acyclovir side effects levitra 20mg cost per pill viagra on line escitalopram oxalate finasteride 5mg tab viamedic cialis finasteride 5 mg tab cialis website cipro drug class acyclovir lexapro and weight loss tamoxifen interaction cialis side effects side effects of ciprofloxacin zithromax levitra 20mg cialis pricing revatio vs viagra ciprofloxacin drug class cialis 5mg daily acyclovir for shingles escitalopram 10 mg azithromycin liquid ciprofloxacin dosierung finasteride dosage acyclovir 400 mg pfizer viagra how does lexapro work acyclovir for cold sores cialis for bph viagra prices escitalopram nebenwirkungen cipro 500 natural viagra tamoxifen therapy azithromycin uses over the counter viagra lexapro and wellbutrin combination therapy azithromycin tablets azithromycin pediatric dosing ciprofloxacin 500 lexapro vs wellbutrin acyclovir vs valacyclovir cheap cialis cialis coupon 20 mg how to use viagra azithromycin tablet what does azithromycin treat lexapro dosage 200 cialis coupon azithromycin 5 day dose pack generic for cialis viagra vs cialis vs levitra how to wean off lexapro without withdrawals cialis canada lexapro 10 mg what is tamoxifen used for ciprofloxacin 500 mg tabletten cialis copay card viagra 100 cialis 30 day sample how to get off lexapro finasteride long term effects finasteride 5mg side effects mayo clinic escitalopram effets secondaires viagra tablets viagra for sale uk finasteride tablets cialis 20 mg zithromax antibiotic buy viagra ciprofloxacin dose viagra coupons cipro for uti ciprofloxacin 500mg tablets ciprofloxacin spc lexapro 5mg cialis medication side effects of lexapro levitra coupons buy cialis what does ciprofloxacin 500mg treat buy generic levitra what is ciprofloxacin used for lexapro weight gain online cialis cost of cialis cialis 20mg azithromycin 250 mg what is ciprofloxacin prescribed for levitra prices lexapro side effects cialis patent expiration 2017 lexapro manufacturer website viagra single packs cialis dosage viagra vs cialis vs levitra ciprofloxacin bnf viagra 100mg ciprofloxacin 500mg antibiotics side effects levitra online female viagra azithromycin for uti what bacteria does ciprofloxacin kill cialis dosage recommendations best price viagra cheap viagra wholesale cialis ciprofloxacin coverage ciprofloxacin eye drops azithromycin 500 cialis discount cialis 20mg directions cealis side effects of acyclovir what is finasteride used for cialis generic availability viagra pillen kruidvat ciprofloxacin nebenwirkungen tamoxifen levitra coupon cyalis lexapro withdrawal symptoms cipro uses cipro zovirax ointment lexapro medication acyclovir medication what is acyclovir finasteride vs dutasteride cialis for sale viagra kaufen what is cipro used for azithromycin three times a week viagra on line no prec what does viagra do propecia side effects cipro antibiotic cilias azithromycin 500 mg cialis professional ciprofloxacin 250 mg tamoxifen and bone pain lexapro side effects in men cialis pharmacy prices viagra receptfritt tamoxifen cost lexapro overdose levitra rezeptfrei deutschland finasteride for hair loss what infections does ciprofloxacin treat zithromax z-pak cialas ciprofloxacin side effects in women ciprofloxacin 500mg antibiotics zovirax cream levitra dosage viagra for men cialis otc azithromycin and alcohol viagra generico finasteride effets secondaires viagra dosage azithromycine what is cialis cialis for women acyclovir 200mg azithromycin dosage ciprofloxacin hcl what does ciprofloxacin treat cialis reviews cipro dangers acyclovir cream viagra ohne rezept auf rechnung cialis pills lexapro para que sirve what works better than viagra buy cialis online ciprofloxacin zovirax for cold sores is ciprofloxacin a penicillin viagra wiki lexapro generic name lexapro nolvadex what is escitalopram viagra side effects daily cialis tamoxifen side effects cipro side effects buying viagra azithromycin eye drops cialis voucher cialis testimonials how long does viagra last viagra 100 mg cialis on line lexapro bula azithromycin 250mg price cialis is azithromycin discount cialis ciprofloxacin 500 mg tamoxifen nebenwirkungen finasteride side effects cialis coupons printable acyclovir dosage canadian cialis escitalopram lexapro 10mg online viagra viagra pills azithromycin 250 mg treatment generic cialis viagra 100mg tablets retail price viagra sans ordonnance azithromycin 250mg tablets 6 pack azithromycin 500 erfahrungen finasteride 1mg viagra from canada cialis price ciprofloxacin hcl 500 mg levitra bayer 20mg meilleur prix sex viagra for women how long for azithromycin to take effect cialis coupons from manufacturer tamoxifen and foods to avoid viagra effects finasteride 5mg side effects viagra 9 levitra at walmart viagra online side effects lexapro acyclovir dosing levitra 20 mg acyclovir ointment 5 side effects of ciprofloxacin 500 mg sophia viagra first few days on lexapro viagra coupon ciprofloxacin side effects after age 60 acyclovir dose cialis free trial viagra tesco cialis canadian pharmacy lexapro coupons canada cialis pfizer viagra coupons from pfizer azithromycin z pak finasteride 5mg is azithromycin penicillin cialis sample where to buy viagra cialis savings card azithromycin 250 how does acyclovir work viagra medicine cialis tadalafil cialis generic azithromycin vs erythromycin lexapro and weight gain in women azithromycin 500mg celexa vs lexapro ciprofloxacin 250mg cialis for men side effects of cialis viagra activate when will cialis go generic lexapro side effects men lexapro withdrawal azithromycin side effects azithromycin for strep throat azithromycin pregnancy category cialis 5mg ciprofloxacin hydrochloride escitalopram 20 mg finasteride and enlarged prostate weaning off lexapro azithromycin pregnancy cialis from canada side effects of lexapro 10 mg ciprofloxacin hydrochloride ophthalmic viagra wikipedia vardenafil 20mg lexapro vs zoloft lexapro 20mg azithromycin cost what is lexapro for cialis vs viagra cipro side effects in elderly ciprofloxacin dosage lowest cialis prices

14 Comments

  1. Perlu dicoba ini

  2. Masih work nggak gan? barusan nyoba script dari blog sebelah nggak work

  3. nggak work lagi bang scriptnya

  4. Salam Perkenalan Dari Malaysia

    Terima kasih atas perkongsiannya.

    Ianya berhasil saya rasa kerana apabila dimasukkan kod tersebut, url blog secara automatik bertukar dari natrahnorlin.blogspot.com ke natrahnorlin.blogspot.my

  5. Wah boleh juga nih di praktikan mas… Terimakasih banyak sudah saharing ilmunya. Salam

  6. kalau blog saya masih sepi komentar pas, jadi widget seperti ini belum minat untuk memakai nya. tapi boleh nanti kalau sudah ramai komentar nya di coba! 😀

  7. mantab lah gan…

  8. ga bisa mas, ga muncul

  9. nggak muncul gan

  10. sudah saya praktekkan… tp kok gak bisa tampil ya gan… btw, klo bikin koment kayak pnya agan yg begini ini gmana gan???

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *