Membuat Widget Recent Comments

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Membuat Widget Recent Comments dan semoga artikel ini bermanfaat.


Membuat Widget Recent Comments mungkin buat sobat blogger sudah pada memasangnya mungkin juga sudah tidak butuh lagi tutorial seperti ini. Namun bagi saya yang baru jadi blogger ini merupakan hal baru sekaligus dijadikan koleksi widget di blog ini, selama ini saya membuat postingan masih berfokus pada tutorial-tutorial seputar blog dan seo, ini karena saya masih membenahi blog ini dan sekaligus dalam membenahi blog ini bahan-bahannya dijadikan bahan postingan.
Namun meskipun Membuat Widget Recent Comments ini bagi sebagian blogger sudah ga asing lagi tapi mungkin buat blogger yang lebih pemula atau pendatang baru hal ini bisa dijadikan tutorial buat membenahi blognya.
Tampilan Recent Commentsnya seperti ini:
Membuat Widget Recent Comments

Berikut langkah-langkah membuat recent comments:

  1. Seperti biasa sobat login ke blogger
  2. Kemudian masuk ke tata letak
  3. Selanjutnya klik tambah widget
  4. cari dan klik tambah javascript/HTML
  5. Masukan kode dibawah ini:                             
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin-left:10px;padding:0;height:300px;overflow:auto;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding: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: 10px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments  = 10,
showAvatar  = true,
avatarSize  = 30,
roundAvatar = true,
characters  = 70,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://azzam10.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
     5. Simpan

Catatan:
Yang berwarna biru atur sesuai keinginan sobat
Yang berwarna merah ganti dengan URL blog sobat
  • NumComments = 10, ( ini jumlah comentar yang ditampilkan )
  • avatarSize  = 30, ( ukuran avatar, 30 ini berarti 30x30 px )
  • characters  = 70, ( menampilkan jumlah karakter komentar )
  • defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  (gambar default avatar, bisa diganti gambar sobat )
  • http://azzam10.blogspot.com ( ganti dengan URL sobat )

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Membuat Widget Recent Comments kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered
feedburner

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 01:23

0 komentar:

Poskan Komentar

Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |