Judul : Cara Membuat Widget komentar Terbanyak di Blogger
link : Cara Membuat Widget komentar Terbanyak di Blogger
Cara Membuat Widget komentar Terbanyak di Blogger
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.
Demikianlah Artikel Cara Membuat Widget komentar Terbanyak di Blogger
Sekianlah artikel Cara Membuat Widget komentar Terbanyak di Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Widget komentar Terbanyak di Blogger dengan alamat link https://trickterbaruagar.blogspot.com/2015/03/cara-membuat-widget-komentar-terbanyak.html
http://wikipelangi88.blogspot.com/2017/05/ahok-akan-lebih-sabara-dan-menjalani.html
BalasHapushttp://beritaterkinipelangi4d.blogspot.com/2017/05/terungka-ruang-atlantis-gym-adalah.html
http://agenpelangi4d.blogspot.com/2017/05/cekoki-pil-kepada-siswa-2-abg-di-cabuli.html
http://seputarpelangi4d.blogspot.com/2017/05/menjelang-bulan-ramadan-tertangkap-21.html
http://agenbettingpelang4d.blogspot.com/2017/05/retaknya-rumah-tangga-istana-pasca.html