CARA MEMBUAT RECENT COMMENT WITH AVATAR

CARA MEMBUAT RECENT COMMENT WITH AVATAR – Tutorial praktis cara membuat widget recent comment dengan avatar. Recent comment merupakan salah satu widget yang penting untuk mengetahui siapa saja orang yang mengomentari blog kita secara cepat. Jadi dengan widget ini kita bisa mengetahui dengan cepat dan langsung bisa meresponnya. Lalu bagaimana cara memasangnya? berikut ini tutorial yang saya dapatkan dari w2b

cara membuat recent comment
cara membuat recent comment

Tutorial Cara Membuat Recent Comment With Thumbnail

1. Masuk ke blogger > Layout > add a gadget > HTML / Javascript
2. Masukan kode berikut ini
<style type="text/css">
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.w2b_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;
}
.w2b_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.w2b_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}
.w2b_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  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://your-blog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
3. Lalu kllik save, kamu bisa mengatur berapa jumlah dan karakter yang mencul di tampilan recent comment dengan mengubah tulisan yang berwarna merah.

recent comment with avatar
recent comment with avatar

Demikian Tutorial CARA MEMBUAT RECENT COMMENT WITH AVATAR semoga bisa bermanfaat. Please read CUSTOMIZE RECENT COMMENTS WIDGET WITH AVATAR for english version.

Leave a Reply

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

No Live Link Please! and Leave a Relevant Comment