Menambah Widget Popular Comment

Ada yang tau ga sih untuk apa memasang widget komentar terbaru di blog? Hayoo siapa yang tau acungkan kaki *eh acungkan tangan maksudnya. Saya ajadeh yang jawab hha. Jadi fungsi dari memasang widget komentar terbaru di blog itu adalah untuk mengetahui komentar-komentar terbaru dari pengunjung dan letak posting yang mereka komentari, sobat.

Kalau Anda ingin memasangnya pada blog, kali ini saya akan kasih cara memasang widget komentar terbaru di blog, ikuti langkah-langkah berikut ini dengan benar ya hhe

1. Login ke akun blogger Anda.
2. Pilih Tata Letak. Klik  Tambahkan Gadget diposisi yang Anda inginkan. Kemudian pilih HTML/JavaScript.
3. Copy kode berikut ini pada 'HTML/JavaScript'. silakan pilih salah satu yang Anda kehendaki

 Script 1

<script style="text/javascript" src="http://kabarmalam.googlecode.com/files/showrecentcomments.js"></script><script style="text/javascript">var numcomments=5;var showcommentdate=true;var showposttitl=true;var numchars=100;var standardstyling=true;</script><script src="http://fantasiblogging.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

 

Script 2

<div style="overflow:auto;width:300px;">

<style type="text/css">

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}

.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

// Recent Comments Settings

var

numComments = 5,

showAvatar = true,

avatarSize = 40,

roundAvatar = true,

characters = 100,

defaultAvatar = "",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>

<script type="text/javascript" src="http://fantasiblogging.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.tipstrikblogging.com/2012/09/pasang-widget-recent-comments-dengan.html" target="_blank" title="Widget Recent Comment">Get This Widget</a></div></small></div>

Script 3

<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://fantasiblogging.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
rc=5 adalah jumlah komentar yang akan ditampilkan.
rc=50 adalah jumlah karakter yang akan ditampilkan.
http://fantasiblogging.blogspot.com ganti dengan URL blog Anda.
 

4. Terakhir, klik 'Simpan'

 Lihat perubahan blog Anda. Apakah widget komentar itu berhasil Anda pasang atau tidak? Kalau tidak, mungkin ada kesalahan yang harus Anda perbaiki dan silakan teliti kembali. Selamat mencoba sobat FanBlog :)