Cara menambah Recent Comments pada widget blog - Recent Comments adalah komentar - komentar yang masuk dan kita tampilkan sidebar atau widget,, jika anda adalah blogger mungkin anda sudah faham dengan judul yang saya sebutkan di atas,, tapi bagai mana cara membuatnya apakah anda bisa,, tentu saja bisa , dan mungkin sangat mudah bagi para blogger profesional yang sudah mahir di dunia blogger, terus bagaimana degan pendatang baru di blogger,, (newbie) pasti kebanyakan masih ada yang belum tau cara menambah Recent Comments pada widget blog dengan avatar,, jika belum tau yuk kita belajar bersama, sebelum kita mulai lihat dulu contoh gambar Recent Comments di bawah ini:
Setelah anda melihat gambar di atas,, sekarang kita coba mulai membuatnya:
Penerapan Widget Komentar Terbaru di Blogspot..
Seperti biasa Login ke
akun milik Anda di www.blogger.com
Pada
Dashboard pilih Tata Letak → Tambahkan Gadget → Pilih HTML/Javascript
Kemudian masukan kode widget komentar terbaru di bawah ini kedalamnya
<style type="text/css">
ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
.sakahayang_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;}
.sakahayang_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;}
.sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=20,
adminBlog='Andik Gnw';
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/8274104061/andiknet.js"></script>
<script type="text/javascript" src="http://andiknet.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
numComments = 5, (Jumlah komentar yang akan ditampilkan)
showAvatar = true, (Tampilkan avatar mini atau "false" untuk menonaktifkan avatar mini)
avatarSize = 30, (Ukuran pada avatar mini)
roundAvatar = true, (Tampilan avatar yang muncul berbentuk lingkaran , ganti
"false" avatar berbentuk kotak)
characters = 40, (Jumlah karakter atau panjangnya komentar yang muncul)
adminBlog='
Andik Gnw'; (menyembunyikan admin)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", (Foto default avatar dan bisa Anda ganti)
hideCredits = true;
maxfeeds=20,
Jika sudah disesuaikan tahap akhir pilih
Simpan (Save)
Pada gambar di atas adalah contoh title pada label, untuk menambah title otomatis pada label sangatlah mudah berikut Cara memberi title otomatis pada label blog:
