Memberi Recent Comment di Blog


Cara Memberi Recent Comment di Blog. Widget Recent Comment berguna untuk menampilkan comment - comment yang ada di blog kalian. hal tersebut dapat juga membuat blog kalian terlihat rame dan tidak bosan untuk di lihat. Kalian juga akan tau comment - comment baru yang ada di blog kalian tanpa susah payah harus membuka email atau mengecek di menu koment terlebih dahulu. Dengan begitu juga kalian mengetahui siapa saja yang suka aktif mengunjungi dan comment di blog kalian.  Cara Memberi Recent Comment di Blog Sangatlah mudah, tinggal kalian ikuti saja langkah - langkah berikut di bawah ini. okee.. tanpa basa - basi lagi, yukk.. kita bahas tentang Cara Memberi Recent Comment di Blog.




1.Masuk ke Blogger
2.Tata Letak
3.Pilih HTML/JavaScript
4.Paste kode berikut pada konten


<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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: italic;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://sarifpbg.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

5.Simpan


  • Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
  • Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
  • Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
  • Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.
Sekian untuk bahasan Cara Memberi Recent Comment di Blog di postingan kali ini. selamatt mencoba dan semoga di berikan kemudahan dalam aktifitas blogging.

0 comments:

Post a Comment