Hai sobat blogger ! saya mencoba untuk memposting satu
artikel ringan nih sob,
alias tidak memakan waktu banyak untuk
menyelesaikannya. Kali ini saya akan membahas tentang topik Cara membuat widget komentar terbaru di blog dengan foto. Pada
tau kan? widget ini berfungsi untuk mengetahui siapa saja yang baru
saja berkomentar di blog sobat. Jadi kita bisa langsung merespon dan
membalas komentar itu. Gimana tertarik? langsung saja kita buat dan
bahas bersama .
1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Masuk ke Tata Letak > Tambahkan Gadget > Html/Javascript
4.) Masukkan kode dibawah ini didalam kolom konten kosong yang tersedia
<div style="overflow:auto;width:auto;height:250px;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://rizaldipriantama.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
5.) Ganti / edit jika sobat menginginkannya
Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.
6.) Terakhir tinggal klik simpan template / Save dan lihat hasilnya
sumber <a href='http://rizaldipriantama.blogspot.com/2012/04/cara-membuat-widget-komentar-terbaru-di.html'>Cara membuat widget komentar terbaru di blog dengan foto</a>
link:
ikepolsa.blogspot.com
Tidak ada komentar:
Posting Komentar