Cara Membuat Recent Comment Dengan Avatar - Hallo sahabat Anak Google, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Recent Comment Dengan Avatar, admin mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel Blogger, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. Selamat membaca ya.

Judul : Cara Membuat Recent Comment Dengan Avatar
link : Cara Membuat Recent Comment Dengan Avatar

Cara Membuat Recent Comment Dengan Avatar

 Tutorial Blogger dan SEO Blogger - Cara Membuat Recent Comment Dengan Avatar. Sebelumnya saya sudah share tutorial tentang cara membuat recent comment dan hari ini saya akan share tutorial 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 anda? 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 utak atik sendiri.

 4.Save widget.

Selesai sudah tutorial Cara Membuat Recent Comment Dengan Avatar mudah-mudahan artikel ini bisa bermanfaat bagi anda

Demikianlah artikel tentang Cara Membuat Recent Comment Dengan Avatar

Sekianlah artikel Cara Membuat Recent Comment Dengan Avatar kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.

Anda sekarang membaca artikel Cara Membuat Recent Comment Dengan Avatar dengan alamat link https://anakugoogle.blogspot.com/2012/04/cara-membuat-recent-comment-dengan.html

Tweet

Unknown