Membuat Widget Artikel Dengan Komentar Terbanyak Di blogger

Hari ini Center60 Akan Memberikan Cara tentang bagaimana membuat Recent Comment Atau Membuat Widget Artikel Dengan Komentar Terbanyak Di blogger. Trik ini memang sangat Penting .

Yaitu Kita dapat Melihat Perkembangan Komentra Artikel Secara Langsung Lewat Widget. Untuk Itu Sebagai Web/blog Yang Besar tentunya Kita Penting sekali Memasang Widget ini. Bagaimana Cara Memasang Nya Berikut Cara cara nya: (trik ini tanpa Mengedit HTML)

1.Masuk ke akun blogger
2.silahkan masuk ke menu TATA LETAK blog
3.Klik TAMBAH GADGET ->> lalu pilih HTML/JAVASCRIPT
4.Masukan Code Widget Recente Comment Berikut.

<style type='text/css'>
.mostcoment {background:#fff;}
.mostcoment ul li{font-size:1em;line-height:15px;padding:3px 0 6px 12px;border-bottom:1px dotted #ccc;}
.mostcoment a:link,.mostcoment a:visited{font-size:12px;font-weight:bold;color:#000;text-decoration:none}
.mostcoment li a:hover{color:#ff9900;}
</style>

<div class="mostcoment">

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
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 + " Comments)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //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.center60.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
</div>

Keterangan

Ganti Text yang Berwarna Biru Dengan url Web/blog anda
Ganti Text Yang Berwarna Kuning Yaitu angka 5 dengan jumlah popular post yang ingin anda tampilkan nantinya
Ganti kode berwarna merah dengan warna yang anda sukai

<style type='text/css'>
.mostcoment {background:#fff;}
.mostcoment ul li{font-size:1em;line-height:15px;padding:3px 0 6px 12px;border-bottom:1px dotted #ccc;}
.mostcoment a:link,.mostcoment a:visited{font-size:12px;font-weight:bold;color:#000;text-decoration:none}
.mostcoment li a:hover{color:#ff9900;}
</style>

<div class="mostcoment">

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
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 + " Comments)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //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.center60.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
</div>

Keterangan

Ganti Text yang Berwarna Biru Dengan url Web/blog anda
Ganti Text Yang Berwarna Kuning Yaitu angka 5 dengan jumlah popular post yang ingin anda tampilkan nantinya
Ganti kode berwarna merah dengan warna yang anda sukai

Title : Membuat Widget Artikel Dengan Komentar Terbanyak Di blogger
Posted by : Unknown
Published : 2013-10-31T06:20:00-07:00
Rating : 5
Reviewer : 99999 Reviews