| HOME | ANDROID | ANTIVIRUS | DESIGN | DOWNLOADER | GAME | HACKING | INTERNET | MULTIMEDIA | PORTABLE | TOOLS | UTILITIES | WINDOWS |

Membuat Recent Comment Dengan Avatar | ELANGSHARED™ | Download Software Gratis
Facebook ADMIN
Like And Join NOW!!!

Sabtu, 30 Juni 2012

Membuat Recent Comment Dengan Avatar

Artikel ini saya buat untuk memenuhi request sahabat saya, beliau sudah lama request ini. tapi karna saya sibuk jadi baru bisa bikin sekarang deh :D

Pada kesempatan kali ini saya akan share tutorial tentang cara membuat recent comment, tetapi yang kali ini berbeda, kita akan memunculkan avatar pada recent comment-nya, jadi ini akan memperindah tampilah recent commentnya.
Bagaimana? apakah anda tertarik juga untuk memasang recent posts dengan avatar ini di blog sobat? jika jawabannya ya, silahkan ikuti langkah-langkah Cara Membuat Recent Comment Dengan Avatar berikut ini.

1.Log in ke blogger.
2.Klik rancangan » Add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini tepat pada kolom yang tersedia.

<style type="text/css">    ul.md_recent_comments{list-style:none;margin:0;padding:0;}    .md_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;}    .md_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;}    .md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .md_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 13px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    var    numComments     = 5,    showAvatar     = true,    avatarSize     = 60,    roundAvatar    = true,    characters     = 40,    showMorelink    = true,    moreLinktext    = "More »",    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",    hideCredits    = false;//]]></script><script type="text/javascript" src="http://julak-project.googlecode.com/files/recent%20comments%20.js"></script><script type="text/javascript" src="http://blogbelajar2.blogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>

Keterangan :

  • Kode yang berwarna merah adalah jumlah komentar terakhir yang akan dimunculkan.
  • Kode yang berwarna biru adalah ukuran gambarnya silahkan di rubah sendiri.

 4.Save deh.

Selesai sudah tutorial Cara Membuat Recent Comment Dengan Avatar mudah-mudahan artikel ini bisa bermanfaat bagi sobat sekalian :D
Mari Kita Saling Menghargai Sesama Blogger
Apabila anda merasa artikel tentang Membuat Recent Comment Dengan Avatar bermanfaat, silahkan share dimana saja.
Dan jika berkenan mohon mencantumkan link sumbernya. Terima Kasih.
^_^


Baca Juga Artikel Berikut Ini

9 Komentar:

Anonim mengatakan... Reply Comment

Cia cia cia :D
Akhirnya di posting juga :))

Admin - ELANGGA mengatakan... Reply Comment

@Anonim: Hahaha iya gan :D baru inget soalnya :))

Admin - Ahmad mengatakan... Reply Comment

hahahah. sip gan. moga makin maju. amin..

wisanto mengatakan... Reply Comment

Nice info gan
Komen back
Wisanto.cyber4rt.com

Admin - ELANGGA mengatakan... Reply Comment

@Admin - Ahmad: Amin Gan :D

@wisanto: Sip gan langsung meluncur :))

Guardian Angel mengatakan... Reply Comment

gan..
dapatn template kayak gini di mana?? yang hitam-hijau..
ane cari gak ada .. ><
helpme...

Anonim mengatakan... Reply Comment

We absolutely lovе youг blog anԁ finԁ a lot of
уοur post's to be exactly what I'm lookіng for.
Does onе οffer guest writers to ωrіtе contеnt in
your caѕe? I ωouldn't mind writing a post or elaborating on most of the subjects you write regarding here. Again, awesome weblog!
Also visit my page ... difference between facebook fans and likes

Anonim mengatakan... Reply Comment

I absοlutelу love yοur wеbѕitе.
. Vеry nice colοгs & theme. Diԁ you develop this wеbsitе youгѕеlf?
Pleаse replу baсk as I'm planning to create my own website and want to learn where you got this from or exactly what the theme is named. Thank you!
My homepage : how to buy facebook fans

Anonim mengatakan... Reply Comment

Hi there! Тhis is my first сommеnt here ѕo ӏ
just wаnted to giνe a quick ѕhοut out anԁ say I reаlly enjoy reading yοur articlеs.

Can you гeсοmmenԁ anу other blogѕ/websiteѕ/fоrums that go over
the ѕаme topicѕ? Αppreciаte
it! http://abcglobalfoundation.οrg/groups/buy-facebook-toоls-a-solution-defіnitely-not-well-worth-neglecting/
Also see my page :: get facebook fans fast


:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

HOME · MOBILE VERSION · REQUEST · DAFTAR ISI · LINK ECHANGE

Membuat Recent Comment Dengan Avatar