Cara membuat recent comment bergambar

Coment Post adalah tampilan semua komentar pada setiap artikel yang telah dikomentari pengunjung blog. Hal ini berguna juga untuk mempercantik serta pengunjung dapat mengetahui comentar yang masuk diblog anda.
Pada tutorial kali ini saya akan menjelaskan cara pembuatan/tampilan dari Coment Post untuk blog kesayangan anda, yang disertai dengan gambar dan scroll.

• Login ke blog anda
• Pilih tata letak untuk membuka layout blog anda
• Tempatkan sesuai selera, Pilih element laman anda dengan tambah gadget
  ( add gadget )
• Langkah berikutnya pilih HTML/Javascript. lalu salin code scrip yg dibawah ini kemudian Paste di gedget HTML/Javascript yang baru anda buat.

<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, /* Jumlah yg ditampilkan */
showAvatar  = true,
avatarSize  = 30,/* ukuran icon gambar */
characters  = 60, /* Jumlah ringkasan */
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true; /* ringkasan yang di tampilkan */
//]]>
</script>
<script type="text/javascript" src="http://creativeblog.googlecode.com/files/recent%20comment.js"></script>
<script type="text/javascript" src="ALAMAT BLOG ANDA/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Keterangan script :

 [ numComments = 5 ] adalah jumlah maksimum post yang ingin ditampilkan
 [ hideCredits = true;] ganti "true"  dengan "false" jika tidak mau disertai ringkasan
 [ characters  = 60, ] adalah jumlah karakter ringkasan post Anda.
 [ ALAMAT BLOG ANDA ] Ganti dengan alamat (url) blog anda.
[ avatarSize  = 30,] Ukuran gambar.


Tutorial diatas adalah cara membuat atapun menampilkan Recent Post pada blog, semoga dengan keterangan yang begitu singkat itu anda dapat membuat serta lebih memahami cara pembuatan/menampilkan Recent Post diblog anda.

NB : Bila ada kesulitan dalam pembuatan Recent Post ini, silahkan anda tanya melalui form komentar dibawah ini, kita akan share bersama. Saya mohon maaf jika masih banyak kekurangannya. 

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 9:07 PM