Cara Mudah Membuat Recent Comment dengan Avatar

Cara Mudah Membuat Recent Comment dengan Avatar - Bagi saya Recent komentar adalah hal atau menu penting yang mesti ada dalam blog, karena kita tidak akan mungkin memeriksa komentar satu persatu, sangat susah memantau komentar kalau tidak menggunakan menu recent komentar. Untuk membuat recent comment ada banyak cara yang bisa ditempuh, ada jalan lurus ada jalan berliku, :) kita pakai jalan lurus aja.

Membuat Recent Comment dengan Avatar
Recent comment juga mempunyai banyak bentuk dan motif mulai dari yang menampilkan poto komentator, yang tidak menampilkan poto dan ada juga yang menampilkan poto komentator dalam bentuk bulat atau scale. Disini kita akan membahas cara mudah membuat recent comment dengan avatar berbetuk kotak, seperti yang ada pada menu blog ini (sebelah kanan atas).

Cara Membuat Recent Comment dengan Avatar

Ayo ikuti langkah-langkah untuk membuat recent comment dengan menggunakan avatar

  1. Log in ke blogger dengan akun Anda.
  2. Di dashboard masuk ke layout
  3. Setelah itu pilih add gadget >> HTML/Javascript
  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

<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://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://tgkboy.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Note:
Keterangan :
Warna merah (5) : adalah jumlah komentar yang ditampilkan
Warna kuning (50) : ukuran pixel avatar
Warna hijau (60) : Jumlah karakter huruf komentar
Warna biru : ganti dengan URL blog Anda.
Demikianlah cara mudah untuk membuat recent comment dengan menampilkan avatar. Semoga bermanfaat. Keep blogging :)

loading...

0 blogger-facebook: