Cara Membuat Recent Comment Dengan Avatar Di Blog

Komentar terbaru widget dengan avatar untuk blogger / blogspot. Anda sepenuhnya memungkinkan untuk menyesuaikan widget ini seperti yang Anda persyaratan. Di sini saya menyediakan widget pembangkit yang memungkinkan anda menyesuaikan widget komentar terbaru sesuai dengan kebutuhan Anda. Anda dapat menyesuaikan pengaturan seperti judul widget, Tampilkan avatar atau tidak untuk menunjukkan, membuat avatar di Bentuk bulat atau normal, menunjukkan link teks lebih dll. Salah satu hal terbaik tentang widget ini adalah bahwa hal itu akan muncul gambar avatar dari gambar gravatar pengguna. atau Anda juga dapat mengaktifkan untuk mengatur gambar tetap yang akan muncul sebagai gantinya.

Cara Install Recent Comment Dengan Avatar Di Blog:

1.Login Blogger > Tataletak > Tambahkan Gadget
2.Lalu Anda Pilih HTML/Javascript
3.Masukan Kode Di Bawah Ini Ke Dalam HTML/Javascript
<style type="text/css">
ul.md_recent_comments{list-style:none;margin:0;padding:0;}
.md_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;}
.md_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;}
.md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.md_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     = 6,
    showAvatar     = true,
    avatarSize     = 60,
    roundAvatar    = true,
    characters     = 1000,
    showMorelink    = true,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/md-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://ariezerblog.blogspot.com//feeds/comments/default?alt=json&callback=md_recent_comments&max-results=6"></script>
Note:
  • http://ariezerblog.blogspot.com/ Ganti Dengan Alamat Blog Anda

1 komentar:

Posting Komentar