Breaking News
Loading...
Sabtu, 18 April 2015

Cara Gampang bikin Widget Most Commented

Cara Gampang kali ini akan memberikan tips-trik tentang Cara Gampang bikin Widget Most Commented untuk dipasang di dalam sebuah blog. Widget Most Commented ini akan menginformasikan kepada para pengunjung tentang siapa saja pengunjung blog yang telah rela meninggalkan komentar-komentarnya pada sebuah blog, sekaligus menunjukkan berapa jumlah komentar yang telah ditulis oleh masing-masing pengunjung tersebut. Widget Most Commented ini pada dasarnya dipasang dalam rangka menaikkan status User Friendly bagi sebuah blog.

Baiklah, tanpa banyak ulasan, berikut ini beberapa variasi pembuatan Widget Most Commented tersebut.

Cara Gampang

CARA PERTAMA
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript. 



<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://caragampang21.blogspot.com/
&ExcludedNick1=Anonymous&ExcludedNick2=Mona Nina
&ShowHowMany=10
&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script><br/>
<span style="font-size: 8px;">Widget by <a href="http://caragampang21.blogspot.com" target="_blank" title="Tutorial Blog"><b>Get Widget</b></a></span></div>


Keterangan :
Ganti http://caragampang21.blogspot.com/ dengan URL blog Anda.
Ganti Anonymous, Mona Nina dengan nama profil blog Anda.
Ganti 10 dengan jumlah top komentator yang ingin ditampilkan.

4. Kemudian Simpan.

Cara Gampang

CARA KEDUA
  1. Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript.
  2. Masukkan kode dibawah ini lalu simpan
  3. Kode HTML/Javascript yang harus anda masukkan :


<style>

/* Most Commented Widget */
.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://caragampang21.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>


Catatan: Ganti http://caragampang21.blogspot.com dengan alamat url blog anda, ganti angka 6 sesuai dengan jumlah komentar yang akan anda ditampilkan.

Demikian uraian aku tentang Cara Gampang bikin Widget Most Commented, semoga bermanfaat buat anda semua.


2 komentar:

==> Silahkan meninggalkan komentar, jangan OOT, No Spam, No SARA
==> Jangan berkomentar dengan modus Anonimous
==> Jangan promosi produk, No Pornografi, No link-aktif
==> Jika ingin mendapatkan backlink, gunakan modus Name/Url
==> Mohon maaf bila ada keterlambatan balasan komentar anda.

 
Toggle Footer
backtotop