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. 

comment

• counter comment style
• style thread komentar blogger
• cara membuat pesan komentar valid html5
• solusi kesalahan membuat pesan komentar diblog
• cara membuat counter comment diblog
• Cara membuat thread comment seo friendly
• Widget top komentator valid html5
• Cara membuat icon author comment
• Cara membuat pesan komentar di blogspot
• Cara mempercantik gambar komentar blog
• Cara membuat pesan komentar di blog

post

• blockquote blogger
• cara membuat read more otomatis dengan snippet
• solusi kesalahan membuat pesan komentar diblog
• cara membuat spoiler di blog valid html5
• mengantisipasi tag heading h4 h5 h6 not found pada tool seo
• membuat link internal dan external seo friendly
• cara membuat tool parse kode html diblog
• meningkatkan trafik pengunjung dengan feedburner
• Random post dengan gambar valid html5
• Widget random post seo friendly html5
• Cara membuat pesan komentar di blogspot

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