HOMECara Membuat Widget komentar Terbanyak di Blogger
Posted on - 10:59:00 AM with 3 comments
Widget komentar terbanyak - Most comments widget atau widget komentar terbanyak merupakan perangkat pendukung untuk blog yang menampilkan jumlah komentar terbanyak di suatu posting blog. Gunanya tentu saja bagi anda atau pengunjung blog anda mengetahui konten artikel post yang paling banyak dibicarakan. Hal ini juga tentunya keuntungan bagi anda sebagai blog owner untuk mengembangkan artikel post yang memiliki banyak komentar tersebut berarti artikel blog anda tersebut memancing reaksi dari para pembaca anda.
Cara membuat widget inipun tidak terlalu sulit, anda tidak perlu mengubah kode HTML blog anda, yang anda perlukan hanya menambahkan kode HTML di tata letak blog anda. Sealain memiliki kegunaan seperti yang saya jelaskan diatas widget komentar terbanyak ini juga tentunya memperindah tampilan blog anda karena cukup ringan dan elegan. Berikut cara membuat widget komentar terbanyak di blog anda.
Widget komentar Terbanyak di Blogger
Catatan: Ganti warna merah dengan alamat url blog anda, ganti warna biru sesuai jumlah komentar yang akan ditampilkan.
Cara membuat widget inipun tidak terlalu sulit, anda tidak perlu mengubah kode HTML blog anda, yang anda perlukan hanya menambahkan kode HTML di tata letak blog anda. Sealain memiliki kegunaan seperti yang saya jelaskan diatas widget komentar terbanyak ini juga tentunya memperindah tampilan blog anda karena cukup ringan dan elegan. Berikut cara membuat widget komentar terbanyak di blog anda.
Widget komentar Terbanyak di Blogger
- Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript.
- Masukkan kode dibawah ini lalu simpan
- 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 + "  </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.sharetipsdancara.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
/* 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 + "  </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.sharetipsdancara.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
Catatan: Ganti warna merah dengan alamat url blog anda, ganti warna biru sesuai jumlah komentar yang akan ditampilkan.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Cara Membuat Widget komentar Terbanyak di Blogger "
3 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
Tips Widget yang apik dan cukup menawan..... ijin praktek, thanks for sharing
ReplyDeleteWahhh.. kren banget... bisa dcoba ni...
ReplyDeleteane ijin coba ya mas di blog ane
ReplyDelete