Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012

Contoh Tampilan Recent Comments

Selamat malam semuanya salam hangat dari kami.

Semoga perjumpaan malam ini bisa memberikan inspirasi baru dan bermanfaat buat kita semua.

Tepat jam 21.29 daerah surabaya dan sekitarnya. Lora Malunk Blog membuat atau memberikan suatu trik atau ide baru buat memodifikasi blog, agar penampilannya lebih relevan dan enak dipandang oleh siapapun.

Dengan ini saya tidak mau berlama-lama lagi buat memberikan trik ini agar sahabat blogger langsung menerapkannya ke dalam akun blognya.

Trik kali ini membahas tentang "Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012". Dalam widget ini kita bisa menampilkan Avatar dari commentar teman-teman menggunakan API update Komentar. seperti yang Anda lihat Widget terbaru saya Komentar Recent Comment, hal ini terlihat persis sama untuk Widget Recent Comments saya.

Dalam Widget ini saya termasuk Kutipan Komentar dan Gambar Avatar. Anda dapat memilih gambar standar Avatar Anonim juga.

Mari kita simak bersama-sama Triknya

Langkah 1
Silahkan anda Copy dan Paste Code Dibawah ini di HTML/JavaScript

<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 = 4,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</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://lora-malunk.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>

Langkah 2
Jangan lupa, Code yang berwarna MERAH dan BERCETAK TEBAL anda ganti dengan ALAMAT BLOG ANDA atau URL anda.


Langkah 3
Kalo sudah selesai mengeditnya anda simpan dan lihat hasilnya

Langkah 4
Jika anda pinter dalam mengacak code HTML anda bisa edit.

TERIMA KASIH TELAH MEMBACA ARTIKEL INI 

Tinggalkan Komentar sebagai tanda anda telah mengunjungi kami, Kami akan jaga silaturahmi anda dengan memberi anda kunjungan balasan dan komentar.

ERIMA KASIH TELAH MEMBACA ARTIKEL INI Saat kita Pergi dari rumah Orang, Hal Paling Bijaksana Adalah Mohon Diri pada tuan rumah, Tinggalkan Komentar sebagai tanda anda telah mengunjungi kami, Kami akan jaga silaturahmi anda dengan memberi anda kunjungan balasan dan komentar.

Read more at: http://bloglamongan.blogspot.com/2012/03/sejarah-laskar-joko-tingkir-lamongan.html
Copyright bloglamongan.blogspot.com Under Common Share Alike Atribution