Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • ORDER DESIGN
  • ABOUT ME
  • JUAL KEFIR
JASA DESIGN BLOG KHUSUS BLOGSPOT & JUAL PRODUK KEFIR

Cara Memasang Widget Komentar Terbaru

Agustinadian Susanti | Minggu, September 15, 2013 |
Kali ini saya akan berbagi cara memasang widget recent comment/ komentar terbaru berscroll plus tampilan avatarnya, seperti ini :

Widget komentar terbaru ini berguna untuk mengetahui komentar apa saja yang baru diterbitan. Dengan tampilan berscrol dan ada gambar avatarnya membuat tampilan blog kita jadi keren & rapi.  Simak caranya berikut ini: 
1. Log in ke www.blogger.com 
2. Klik Tata Letak 

3. Klik Tambah Gadget 

4. Klik HTML/ Java Script 

5. Copy dan Paste (Ctrl+C→Ctrl+V) kode script berikut ini ke dalam kotak HTML 

Kode Script:
<div style='padding: 5px; overflow: auto; width: auto; height: 325px;border:1px solid #000000'> <style type="text/css"> ul.tb_recent_comments{list-style:none;margin:0;padding:0;} .tb_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;} .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .tb_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 = 20, showAvatar = true, avatarSize = 50, characters = 60, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://kucopas-js.googlecode.com/files/RecentCommentAvatar.js"></script> <script type="text/javascript" src="http://moocensusan.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=20"></script> </div>
NB : ganti http://moocensusan.blogspot.com dengan alamat URL link blog Anda 

6.Simpan → Lihat Blog Anda

3 komentar:

  1. terimakasih atas tutorialnya, ditunggu kunjungan baleknya di " http://cidome.blogspot.com/ " (h)

    BalasHapus
  2. selain membuat blog jadi lebih keren dan terlihat rapi, dengan adanya recent comment ini juga memudahkan kita untuk mengetahui komentar yang ada ya mbak :)
    bisa diterapkan di wordpress ga mbak
    haha :)

    BalasHapus

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...