Cara Membuat Widget Postingan Paling banyak di Komentar – Postingan Paling banyak di koemntari adalah sebuah widget yang memberikan informasi mengenai postingan yang paling banyak di komentari di sebuah blog tersebut. Widged yang saya berikaan ini akan menampilkan jumlah komentarnya sekaligus dengan Flat Ui warna yang menarik. Postingan Paling banyak di komentari ini sangat menarik untuk di pasang di sebuah blog atau website untuk menambah minat pengunjung berkomentar di dalamnya. Widget ini akan di pasang di sidebar blog. bagi sobat yang ingin mencoba memasangnya atau mencoba untuk mempelajari nya silahkan simak cara membuatnya berikut ini.
1. buka Blog Sobat > masuk menu “Template” > Edit HTML > salin kode CSS di bawah ini dan letakkan di atas kode ]]></b:skin> </style>
]]></b:skin> </style>
/* Most Commented Widget */
.commentbubble {background: #016e78;width: 40px;float: right;margin-top:7px;margin-left:10px;font-weight: bold;font-family: georgia,Helvetica;font-size:1.3em;padding:2px 5px 5px;color: #FFF;position: relative;border-radius:2px;text-align:center }
.commentbubble:after {content: ' ';position: absolute;width: 0;height: 0;right: 0;top: 100%;border-width: 5px 8px;border-style: solid;border-color: #016e78 #016e78 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);top: 29px;right: 6px;}
#sidebar ul {background:#33adb8; margin: 0 !important; padding:0 !important;border-radius:2px }
#sidebar ul li {list-style: none;border-bottom: 1px dashed #dedede;padding:13px 20px 11px !important; line-height:1.7em;min-height:45px }
#sidebar a:link, #sidebar a:visited, #sidebar a:active {font-size:15px; color:#fff;font-weight:bold;}
2. simpan template. Selanjutnya kita akan pasang kode Pemanggil di Tata letak blog dengan cara sebagai berikut.
buka Blog Sobat > masuk menu “ Tata Letak” > Tambah Widget baru > HTML/Java Script > salin kode di bawah ini dan letakkan di dalam widget yang baru saja sobat buat tadi.
<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"> <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.bungfrangki.com
&ShowHowMany=7
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
NB :
- Silahkan sesuaikan ukuran widget dengan ukuran sidebar blog sobat dengan cara mengedit kode CSSnya
-ganti kode yang di tandai dengan Alamat Url blog sobat > lalu ganti angka 7 dengan jumlah postingan yang akan di tampilkan.
-ganti kode warna Widget sesuai Selera sobat.
3. terakhir simpan dan publikasikan. Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka widget Komentar paling banyak sudah terpasang dengan benar di sidebar blog sobat.
Baca Juga : Cara Pasang Alexa Extension Di Browser Chrome dan Mozilla Firefox
Baca Juga : Cara Pasang Alexa Extension Di Browser Chrome dan Mozilla Firefox
Demikianlah tutorial mengenai Cara Membuat Widget Postingan Paling banyak di Komentari, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.
0 Komentar