> > > > Cara Membuat Widget Recent Comments

Cara Membuat Widget Recent Comments

 , ,  2 comments
recent comment
Assalamualaikum teman..
kembali lagi bertemu dengan saya..
kali ini saya akan share mengenai cara membuat widget recent comments pada blog. Menurut saya widget ini sangat berguna bagi para pemilik blog, dengan widget ini kita bisa mengetahui dan mengontrol komentar - komentar terbaru pada blog kita dengan mudah tanpa harus bolak - balik ke dashboard :) .
sebagai contoh bisa dilihat pada sidebar kanan blog saya. langsung saja ya, seperti biasanya caranya cukup mudah.
  • Pertama masuk ke dashboard
  • klik design
  • pada page elements klik add a gadget
  • pilih HTML/Javascript
  • pada content masukkan kode berikut ini :
<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 = 10,
showAvatar  = false,
avatarSize  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://super-bee-recent-comment-avatar.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://ourreference.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>
  • Ganti karakter berwarna merah dengan jumlah komentar yang akan ditampilkan
  • karakter berwarna kuning merupakan opsi tampilan avatar. Pilih True untuk menampilkan avatar atau false untuk tidak menampilkannya
  • karakter berwarna hijau untuk mengatur ukuran avatar, namun jika teman memilih false pada showAvatar tadi maka abaikan saja bagian ini
  • ganti karakter berwarna ungu dengan jumlah karakter komentar maksimal
  • ganti karakter berwarna kecoklatan dengan alamat blog teman
  • klik save
  • tempatkan widget sesuai selera
  • selesai..
Bagaimana teman? berhasil kah? selamat jika berhasil
Jika teman ingin menghemat tempat pada blog bisa juga membuat scroll pada widget atau membuat tab view menu (widget multi kolom) pada widget recent comments ini.

Regards,

Berlangganan Artikel Referensi Kita

Masukkan alamat email Anda:

Related Post:

blog
widget

+ comments +2comments

Reply
Anonymous
25/5/12 16:50

Ajibbbb dehhhhh infonya

http://galedeg.blogspot.com/2012/05/cosplay-picturesss-apa-jadinya-kalo.html

Terimakasih Anonymous atas Komentarnya di Cara Membuat Widget Recent Comments
Reply
Mohammad Irfan Basuki
25/5/12 18:17

thanks sob atas kunjungannya :)

Terimakasih Mohammad Irfan Basuki atas Komentarnya di Cara Membuat Widget Recent Comments

Post a Comment