Membuat Widget Populer Komentar Di Blogger

Membuat Widget Populer Komentar Di Blogger-Pada artikel sebelumnya saya pernah berbagi artikel tentang Cara Membuat Recent Comments (Komentar Terbaru), nah untuk postingan kali ini saya juga ingin kembali membahas tentang seputar widget komentar namun bedanya jika pada artikel sebelumnya saya menulis bagaimana cara membuat widget komentar terbaru, kali ini saya ingin berbagi cara menampilkan artikel yang popular dengan komentar. Baca Juga: Cara Membuat Recent Post Bergerak di Blogger

Untuk lebih jelasnya widget ini berfungsi sebagai artikel yang banyak diberi komentar, lebih tepatnya mungkin popular komentar (Most Commented) atau juga “Most Discussed”, berbeda dengan popular post yang teratas berdasarkan pembaca. Nah untuk kalian yang tertarik dan ingin memasangnya silahkan lihat panduan nya dibawah ini:

Add Most Commented Widget to Blogger

  • Login ke akun blog sobat
  • Pada halaman dashboard pilih Layout
  • Pilih Add a Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode dibawah ini
Klik Untuk Membuka
<style>

/* ######### Most Commented Widget by MBT ##########*/
.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 +  “&#160;&#160;</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.idcheat.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json”
type=”text/javascript”></script>

  • Terakhir Simpan

Keterangan:

Kode yang saya tandai dengan warna merah silahkan ganti dengan alamat blog kalian

Nah cukup mudah bukan untuk membuatnya? Sekian untuk artikel kali ini tentang Membuat Widget Populer Komentar Di Blogger, semoga artikel yang saya bagikan kali ini dapat bermanfaat. Artikel sebelumnya yang harus sobat baca: Cara Mudah Membuat Social Icon Keren Spesial

Jika artikel ini bermanfaat silahkan klik share ke semua teman kamu untuk memberitahukan kepada mereka tentang artikel ini. Untuk mendapatkan lebih banyak update artikel terbaru dari kami silahkan ikuti kami melalui facebook, twitter, google+ dan subscribe/langganan juga youtube kami untuk mendapatkan lebih banyak info melalui panduan youtube secara gratis.

Baca Juga: 2 Cara Memasang Widget Artikel Terbaru Di Blogger

Source: www.mybloggertricks.com

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

Leave a Reply

Your email address will not be published. Required fields are marked *

Read previous post:
Cara Mudah Membuat Social Icon Keren Spesial

Cara Mudah Membuat Social Icon Keren Spesial-Ingin promosi social profil...

Close