Loading...

Cara Memasang Widget Recent Comments di Blog

recent-comments
Selamat malam! kali ini saya akan share tentang Cara Memasang Widget Recent Comments di Blog. Recent comments atau komentar terakhir berfungsi untuk memperlihatkan komentar terakhir dari pengunjung blog Anda, widget ini di lengkapi dengan gambar avatar pengunjung yang berkomentar.

Berikut Cara Memeasang Widget Recent Comments di Blog
1. Login ke blogger
2. Pilih tata letak -> tambah gadget
3. Cari dan klik HTML/JavaScript
4. Copy dan pastekan kode di bawah 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  = 40,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-mSBnBBld1KSWpkNmJfQ3BxVTA/recentcomments.js"></script>
<script type="text/javascript" src="http://fajrimansyahshare.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>

5.Simpan (script by way2blogging)

Catatan :
Kode yang di beri warna biru bisa anda di ubah sesuai selera
  1. numComments  = 5, (adalah jumlah komentar yang ingin di tampilkan)
    showAvatar  = true,
    avatarSize  = 40, (ukuran gambar avatar)
    roundAvatar = true,
    characters  = 40, (jumlah kata yang akan disingkat ketika di tampilkan)
  2. http://fajrimansyahshare.blogspot.com ganti dengan alamat blog anda
Sekian artikel mengenai Cara Memasang Widget Recent Comments di Blog. Semoga bermanfaat!

2 Komentar pada "Cara Memasang Widget Recent Comments di Blog"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Memasang Widget Recent Comments di Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode