CARA MENAMPILKAN WIDGET RECENT COMMENT DI BLOG

Cara Menampilkan Widget Recent Comment Di Blog – Widget recent comment ini juga berfungsi untuk menarik pengunjung blog kita agar betah berada di halaman blog kita. karena widget recent comment ini memiliki gambar dan dapat meninggalkan link dan isi komentar. dengan begitu pengunjung akan senang untuk meninggalkan komentar karena ada foto avatar yang di pajang gitu.

Cara Menampilkan Widget Recent Comment Di Blog

Langsung saja menuju artikel cara menampilkan widget recent comment bergambar di blog. berikut adalah langkah – langkahnya :

Cara Menampilkan Widget Recent Comment Di Blog

• Pastikan kita sudah terkoneksi oleh internet.
• Selanjutnya, kita login ke blogger.com.
• Setelah itu, pada tampilan dashboard, kita pilih arah panah ke bawah. Lalu klik Tata Letak. Sesuai gambar di bawah ini.

  

  Cara Menampilkan Widget Recent Comment Di Blog (1)

• Kemudian, kita klik Tambah Gedget.

  

  Cara Menampilkan Widget Recent Comment Di Blog (2)

• Setelah itu,  pilih HTML/JavaScript.

  

  Cara Menampilkan Widget Recent Comment Di Blog (3)
  

• Selanjutnya, kita masukkan kode di bawah ini pada kolom Konten.

  

  Cara Menampilkan Widget Recent Comment Di Blog (4)

<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 = 30,
 roundAvatar = true,
 characters = 30,
 defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 //]]>
 </script>
 <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
<script type="text/javascript" src="http://hafifurrahmancoy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

keterangan : Pada kode yang berwarna kuning. kita gantikan dengan alamat blog masing - masing.

• Setelah itu, pada kolom judul terserah mau diisi apa aja atau bisa dikosongkan.
• Jika sudah selesai, kita Save atau Simpan.
• Selanjutnya, kita bisa lihat hasilnya di blog kita.
• Selesai.

# Baca Juga : Cara Membuat Widget Random Post di Blog.
 

Itulah langkah – langkah cara menampilkan Widget Recent Comment di Blog. mudah dan simple. Mudah – mudahan ini dapat menambah wawasan kita dan berguna bagi kita  semua. Mohon ma’af atas segala kesalahan. Terima kasih atas kunjungannya dan Jangan lupa Like Fansage di paling bawah oke. Sekian dan Terima kasih.