Cara Membuat Widget Recent Comment di Blog

 


Izinkan saya untuk menjelaskan bagaimana kita Cara Membuat Widget Recent Comment di Blog - Membuat Widget Recent Comment di Blog tidak lah sulit bagi anda yang sudah tau namun bagi yang belum tau Membuat Widget Recent Comment di Blog sedikit bingung karena belum mengetahuinya widget ini berfungsi unyuk mengetahui komentar terbaru dari orang lain yang berkunjung di blog Membuat Widget Recent Comment di Blog atau bisa disebut Menampilkan Komentar Terbaru.

Bagi sahabat blogger yang masih bingung dalam Membuat Widget Recent Comment di Blog jangan khawatir karena saya akan memberikan tips nya membuat dengan cara yang mudah agar blog sahabat blogger dapat menampilkan Widget Recent Comment di Blog untuk lebih jelasnya sahabat bisa langsung baca dan langsung praktikkan di blog sahabat masing masing, dengantampilan dan tempat berbeda, langsung saja kita ke TKP


OK, sobat yang tertarik dengan widget ini, berikut Cara Membuat Widget Recent Comment di Blog:
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik Tambahkan Gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascrpt.
5. Masukan kode berikut.

<div style="overflow:auto;width:auto;height:378px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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 = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://maulanabijak.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>


  • Ubah URL berwarna Biru dengan URL Blog sobat.
  • Ubah kode berwarna biru dengan ukura tinggi widget yang diinginkan.
  • Atur jumlah komentar yang ingin ditampilkan pada kode berwarna ungu.
  • Atur jumlah maksimal karakter pada komentar sesuai keinginan.

#Kode diatas juga memuat kode-kode ukuran lain, kode-kode warna seperti warna background yang bisa sobat edit kembali.

Jika telah selesai, klik Simpan dan silakan lihat hasilnya.

Itulah sedikit cara Membuat Widget Recent Comment di Blog atau menampilkan komentar terbaru pada blog semoga artikelnya bermanfaat dan menambah wawasan bagsi sahabat bloger.

 

3 Responses to "Cara Membuat Widget Recent Comment di Blog"

rifandi fachri said...

visit back :www.rifandi.tk

Admin Z-T Blog said...

keren biar bsa tau siapa yg berkomentar.

come back.

frozen kevin said...

KODE WARNA YG DIGANTI YG MANA GAN ??

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel