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 |
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
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