Buat widget Recent Comment dengan Avatar di Blog

Tweet

Buat widget Recent Comment dengan Avatar di Blog - D-Copy Blog | Widget Recent Comments untuk Blogger menampilkan komentar blog baru pada sidebar.You Anda dapat menggunakan widget ini untuk menampilkan komentar terbaru dari setiap blog blogger.Dalam widget ini kita bisa menampilkan Avatar dari commenter gunakan. Seperti yang terlihat Widget terbaru saya Komentar, ini tampak persis sama untuk widget Widget.This terbaru saya Komentar sangat disesuaikan. Sehingga Anda dapat dengan mudah menyesuaikan terakhir Anda komentar widget.You juga dapat mengatur gambar default avatar dan hal banyak lagi yang Anda dapat dengan mudah menyesuaikan.

Langkah :

1. Ke Dashboard Blogger > Tata Letak 
2. Klik Tambah Gadget > HTML / JavaScript
3. Paste kode di bawah ini dan simpan.

<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  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<p style="display:none;">Recent Comments Widget for Blogger With Avatar For Blogger by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

      4. Sekarang ubah  yourblogname.blogspot.com  dengan URL blog Anda sendiri.

Kustomisasi (Opsional)

• Untuk mengubah jumlah komentar temukan numComments = 5,
• Jika Anda tidak ingin menampilkan avatar kemudian cari kode ini showAvatar = true
• Untuk mengubah ukuran avatar cari kode avatarSize = 40
• Jika Anda tidak ingin tampilkan avatar bulat kemudian cari kode ini roundAvatar = true
• Untuk mengatur jumlah maksimal karakter cari kode karakter = 40
• Untuk menampilkan lebih banyak link cari kode ini dan rubah nilainya menjadi trueshowMorelink = false
• Jika Anda mengaktifkan nilai link menunjukkan lebih banyak maka Anda dapat mengubah teks yang menunjukkan lebih link.Find kode ini moreLinktext = "More» "
• Untuk mengubah gambar default avatar cari kode defaultAvatar = "http://www.gravatar.com/avatar/?d=mm