Cara Memasang Widget Artikel Terbanyak Di Komentari Di Blog

Yanuar Aldi Allesandro Official Blog

Friday 31 October 2014

Cara Memasang Widget Artikel Terbanyak Di Komentari Di Blog

Cara Memasang Widget Artikel/Post Paling Banyak (Terbanyak) Di Komentari Di Blog - Selamat malam sobat! Menurut survey ngawur saya sebagian besar blogger mempunyai widget populer post/entri populer di blog anda, namun waktu saya mengunjungi situs cronosal.blogspot.com saya menemukan widget artikel/post paling banyak di komentari di blog/most comented post widget.
Widget Artikel Paling Banyak Di Komentari
Widget Artikel Paling Banyak Di Komentari
Seperti itulah penampakan tampilan widget artikel paling banyak dikomentari di blog saya ini. Seperti namannya, widget ini berisi artikel anda yang paling banyak dikomentari. Widget ini termasuk sederhana, namun tentu dapat menarik minat pengunjung untuk meng-klik artikel lain sehingga pengunjung jadi lebih betah mengunjungi blog kita :)
Untuk widget ini saya akan share 2 model. Silahkan pilih salah satu sesuai minat anda :)
Model Widget Artikel Terbanyak Di Komentari
Kiri : Model Satu | Kanan : Model 2

Tutorial Memasang Widget Artikel Paling Banyak Di Komentari Di Blog :

MODEL 1 :
1.) Masuk ke dasbor blogger -> Pilih menu tata letak -> Klik "Tambahkan Gadget" di tempat widget ini akan dipasang -> Lalu pilih "HTML/Javascript"
HTML/Javascript
2.) Masukkan Kode/Script di bawah ini :
<style>
.commentbubble { 
background: #292D30; 
width: 39px; 
float: left; 
margin: 2px 10px 35px 0px; 
font-weight: bold; 
font-size: 1.5em; 
text-align: center; 
font-family: trebuchet,Helvetica; 
padding: 0px 0px 10px 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.mas-aldi.com 
&ShowHowMany=5 
&_id=390e906036f48772b2ed4b5d837af4cd &_callback=getYpipePP &_render=json" type="text/javascript"></script>

- Ganti link berwarna merah dengan link blog kamu
- Angka berwarna biru adalah jumlah artikel yang akan tampil di widget tersebut.
3.) Jangan lupa klik Simpan.

MODEL 2 :
1.) Ulangi lagi langkah 1 pada model 1.
2.) Masukkan kode/script di bawah ini :
<script language='javascript'>
aBold = true;
numposts=9999;
maxshowresult=5;
home_page = "http://www.mas-aldi.com/";
</script><script type="text/javascript" src="https://mas-aldi.googlecode.com/svn/Artikel-Paling-Banyak-Dikomentari.js"></script>

- Ganti link berwarna merah dengan link blog kamu
- Angka berwarna biru adalah jumlah artikel yang akan tampil di widget tersebut.
- Ganti text berwarna hijau menjadi false jika ingin me-nonaktifkan bold.
3.) Klik Simpan.
Source Script : cronosal.blogspot.com

Cara Memasang Widget Artikel Terbanyak Di Komentari Di Blog Rating: 4.5 Diposkan Oleh: Anonymous

2 komentar:

Silahkan berikan komentar tentang postingan ini, saya juga akan berkunjung balik ke blog anda.
Dan untuk yang ingin blog-nya di folback, silahkan berkomentar disalah satu postingan google+ saya.
Terima Kasih Atas Kunjungannya & Jika Postingan Ini Bermanfaat/Menarik Silahkan Bagikan Ke Teman Anda Di Facebook, Twitter, Google+ Dll!