Home » » Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012

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
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Lora Malunk Blog
tutorial blog up to date
Loading...

+ komentar + 5 komentar

16 Maret 2012 pukul 17.12

Terima kasih bang tips recent comments'a, sgt bermanfaat..

Aku pake ya tips'a, hasilnya oke..
Thanks ya :)

Terimakasih Unknown atas Komentarnya di Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012
20 Maret 2012 pukul 22.08

thanks gan....

Terimakasih Your Solution atas Komentarnya di Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012
25 Maret 2012 pukul 18.58

Tips trik yang mantap gan, bila ada sempat waktu silahkan main ke blog saya yang masih sangat-sangat baru, terima kasih.

Terimakasih Unknown atas Komentarnya di Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012
23 Juni 2012 pukul 13.01

numpang nanya, mas... itu biar komentar dari pemilik blognya ngga keliatan gimana.? kan lucu kalo kita bales lima komentar sehari, ntar yang nongol di widget ini cuma komentar dari admin doang. sebelumnya terimakasih...

Terimakasih Fendy Ahmad Thahir atas Komentarnya di Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012
7 November 2012 pukul 21.06

thanks infonya..

official-seller.blogspot.com

Terimakasih official seller atas Komentarnya di Cara Membuat Recent Comments Widget dengan Avatar Terbaru 2012

Posting Komentar

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Lora Malunk Blog

 

Configurasi

Alexa :
Stats :
Page Rank : Free PageRank Checker
DMCA :
Amung :
Bloggers : Bloggers - Meet Millions of Bloggers
Extreme :
eXTReMe Tracker
Support : Lora Malunk Blog | Songong Template | Tutorial Blog
Copyright © 2011. Lora Malunk Blog - All Rights Reserved
Template Modify by Lora Malunk Blog
Proudly powered by Blogger