Home » » Cara Membuat Recent Comement pada blog

Cara Membuat Recent Comement pada blog

Written By Tedhy Koenala on Selasa, 31 Juli 2012 | 11.09

Cara Membuat Recent Comment Avatar.
1. Login ke akun blogger.com
2. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
3. Kemudian masukan kode berikut ini:

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://koenala.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

4. Sebelum disimpan ganti http://koenala.blogspot.comdengan URL blogmu sendiri. 5 adalah banyaknya komentar yang akan ditampilkan 50 adalah ukuran avatar dan 60 adalah banyaknya karakter komentar yang muncul.
5. Simpan jika sudah selesai. 

6 comments:

  1. Siip" Brow Nice Shared.., Mampir+Koment Balik Okeh... :)

    BalasHapus
  2. makasih gan infonya, sanga bermanfaat, mampir ke blog saya okeeh

    BalasHapus
  3. info yang bermanfaat banget perlu dicoba nih

    BalasHapus
  4. Terima kasih gan infonya, Bermanfaaat sekali. Salam sukses sealu gan.

    BalasHapus
  5. iyah gan sama sama ... semoga berhasil dan sukses selalu

    BalasHapus
  6. Ini baru namanya tutorial,sangat mantab dan jelas.terimakasih sharenya kawan...

    BalasHapus

free counters

Popular Posts