Cara Menampilkan Posting yang Paling Banyak Dikomentari

SETELAH berbagi tentang Cara Menampilkan Widget Random Posts Berwarna, langsung CB lanjutkan nih dengan berbagi ttgCara Menampilkan Posting yang Paling Banyak Dikomentari (Most Commented Posts) seperti yg CB pasang di sidebar. Kali aja ada yang tertarik memasangnya.

Fungsinya memasang widget daftar tulisan blog yang paling banyak dikomentari ini sama dengan Random Post, Related Posts, Popular Posts, dan Recent Posts, yaitu sebagai navigasi blog dan internal link untuk meningkatkan Pageviews, Trafik, dan memudahkan pengunjung menemukan info yang dicari.

Sentuhan warna background yang "warna-warni" (multicolored) hanya sebagai "pemanis" saja untuk lebih menarik perhatian.

CB dapatkanCara Menampilkan Posting yang Paling Banyak Dikomentari ini dari Help Blogger. Anda juga bisa menuju ke sana untuk mendapatkan panduannya.

Cara Menampilkan Most Commented Blog Posts

1. Klik "Template" > "Edit HTML"

2. Cari (CTRL+F) kodedan Copas kode berikut ini di bawahnya. Jika di template Anda tidak kode tersebut, maka cari kode dan Copas kode berikut ini di bawahnya.

3. Cari kode]]> dan Copas kode berikut ini di atasnya:

.comment-count {

padding: 3px 10px;

background: #fff;

color: #000;

font-size: 10px;

float: right;

}

.most-commented ul {

padding: 0px !important;

font-family: Century Gothic, sans-serif;

}

.most-commented ul li {

list-style-type: none;

padding: 10px;

color: #555;

margin-top: -10px;

}

.most-commented ul li a {

color: #444;

font-weight: bold;

text-decoration: none;

font-size: 11px;

}

.most-commented ul li img {

float: left;

margin: 0px 5px 0px 0px;

width: 60px;

height: 60px;

}

.most-commented:nth-child(3n+0) {

background: $(most.commented.background1);

width: 100%;

}

.most-commented:nth-child(4n+0) {

background: $(most.commented.background2);

width: 95%;

}

.most-commented:nth-child(5n+0) {

background: $(most.commented.background3);

width: 90%;

}

.most-commented:nth-child(6n+0) {

background: $(most.commented.background4);

width: 85%;

}

.most-commented:nth-child(7n+0) {

background: $(most.commented.background5);

width: 80%;

}

4. Klik SAVE Template !!!

Sampai sini Anda sudah memasukkan kode CSSPosting yang Paling Banyak Dikomentari di template blog Anda. Selanjutnya kembali ke Dashboard Blog lagi.

5. Klik menu "Layout" (Tata Letak) > "Add a Gadget" > pilih "Javasript/HTML"

6. Copy +Paste kode berikut ini di kotak yang tersedia:

s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")

}

function mostcommented(feed) {

var i;

for (i = 0; i < feed.count ; i++)

{

var postURL = "'" + feed.value.items[i].link + "'";

var postTitle = feed.value.items[i].title;

var postComments = feed.value.items[i].commentcount;

var postList = '

• ' + postComments + "
  " + "' + postTitle + "" + '

';

document.write(postList);

}

}

Most Commented Posts

7. Gantihttp://contohblognih.blogspot.comdengan alamat blog Anda.

8. Save!

Selamat, Anda sudah memasang widget daftar Posting yang Paling Banyak Dikomentari (Most Commented Posts) di sidebar yang bisa membuat pengunjung makin betah di blog Anda!

NOTE!

Untuk MENGGANTI WARNA latar belakang:

1. Klik "Template" > "Customize"

2. Klik "Advanced" > "Most Commented"

3. Silakan pilih warna kesukaan Anda.

4. Save dengan klik menu "Apply to Blog"

Widget Most Commented Post CB

Berikut ini cara termudah menampilkan widget posting paling banyak dikomentari. Ini yang CB terapkan di footer widget. Cara masangnya juga mudah banget, gak ribet kaya yang di atas:

1. Layout > Add a Gadget > pilih HTML/Javascript
2. Judul isi dengan "Most Commented" atau "Terbanyak Dikomentari"
3. Masukkan kode berikut ini di kolom konten:

Ganti alamat blognya dengan kepunyaan Anda. Angka 5 = jumlah posting, bisa diubah.

4. Save!

Good Luck!

reff : http://www.contohblog.com/2014/10/menampilkan-posting-paling-banyak-komentar.html

Related video : Cara Menampilkan Posting yang Paling Banyak Dikomentari