Cara Memasang Recent Comment Pada Blog
Cara memasang recent comment pada blog - widget yang satu ini
merupakan widget yang menampilkan komentar komentar terakhir yang telah
di publish oleh visitor dan ditampilkan kembali dalam bentuk list pada
widget, sudah banyak yang meggunakan widget yang satu ini sebagai wadah
untuk memberi backlink kepada visitor yang berkomentar pada blog, yang
membuat widget ini menguntunkan dari sisi author blog karena banyak yang berkomentar juga menguntungkan di sisi visitor yang berkomentar untuk mendapatkan backlink dari visitor lain yang menklik komen tersebut.
- login ke blogger
- tata letak >> tambah gadget >> html/javascript
- copy paste script dibawah ini
<div style="overflow:auto;width:100%;">
<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 = 6,
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://ekacahyanakw.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>
- langkah terakhir simpan widget dan lihat hasilnya :D
Keterangan:
- ganti tulisan berwarna biru dengan jumlah recent comment yang ingin ditampilkan
- tulisan berwarna merah merupakan ukuran avatar si komentator
- ganti tulisan berwarna orange dengan URL Blog sobat
Subscribe to:
Posts (Atom)
0 comments