CARA MEMBUAT RECENT COMMENT WITH THUMBNAIL

CARA MEMBUAT RECENT COMMENT WITH THUMBNAIL – Cara membuat widget recent comment ternyata mudah dan praktis, berikut ini tutorial cara memasang widgetnya akan dikupas pada postingan ini.

Recent Comments with Avatar
Recent Comments with Avatar

Widget ini berupa javascript dari jonny template yang merupakan orang paling jago banget kalo soal bikin template. Sudah banyak template yang berhasil dibuatnya mulai dari jenis magazine, blog, sampai toko online semua ada.

Tutorial cara memasang recent comment

1. Log in ke blogger
2. Pilih Layout kemudian add widget pada sidebar yang akan dipasang recent comment ini kemudian pilih HTML/TEXT 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  = 30,
characters  = 30,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://yourblog.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Anda bisa mengaturnya sesuka hati dengan mengganti text yang berwarna merah diatas

3.Klik Save Selesai
Lihat hasilnya apabila komen tetap saja belum muncul kemunkinan jumlah komentar anda kurang memadai coba postingkan komentar lebih dari 10 maka daftar komen tersebut baru akan berfungsi.
Terimakasih telah membaca tutorial CARA MEMBUAT RECENT COMMENT WITH THUMBNAIL ini semoga bisa bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *

No Live Link Please! and Leave a Relevant Comment