Recent Post

Minggu, 20 Januari 2013

Cara Membuat Widget Recent Comment Di Blog

Jika kalian ingin tahu komentar terakhir dari orang yang mengunjungi blog kalian, atau yang biasa disebut dengan sebutan Recent Comment, dan menampilkan foto atau avatar dari orang terakhir yang mengomentari posting kalian, saya sarankan untuk memakai kode ini











Cara Membuat Widget Recent Comment

  1. Login ke akun blogger kalian
  2. klik Layout > Add Gadget > HTML/Javascript
  3. Copy paste kode dibawah ini

Kode Recent Comment
<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="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://dhafarlovers.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

     4.   Kode yang berwarna merah adalah ukuran lebar widget.
     5.   Kode yang berwarna biru adalah jumlah komentar.
     6.   Kode yang berwarna hijau adalah ukuran avatar.
     7.   Kode yang berwarna kuning adalah jumlah kata yang ditapilkan
     8.   Rubah kode yang berwarna oranye dengan URL blog kalian.
     9.   Simpan, dan lihat hasilnya.

SELAMAT MENCOBA...!!!



Artikel Terkait:

Bookmark And Share This Post

2 komentar:

Terimakasih Atas Komentarnya, Komentar Anda Akan Sangat Berguna Bagi Blog Ini.