Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Membuat Recent Comments Dengan Gambar Avatar Di Blog".Sebelumnya dalam blog ini pernah dijelaskan tentang "Panduan Cara Menampilkan Recent Comments (Komentar Terbaru) Di Blog".Namun
dalam postingan terbaru ini akan membuat dan menampilkan recent
comments(komentar terbaru) dengan gambar/foto atau avatar si pemberi
komentar tersebut.Sehingga recent comments ini lebih menarik dan bisa
juga untuk membuat blog sobat tampil lebih atraktif.
Dalam pembuatannya sebenarnya sangat mudah jadi akoe sarankan kepada sobat blogger untuk memasangnya.Widget recent comments
ini banyak dipakai oleh sobat blogger yang lainnya,meskipun di blog ini
tidak ada widget recent comments dikerenakan halaman blog ini sudah
penuh namun sengaja akoe membantu sobat blogger yang belum punya widget
ini di blognya dan ingin memasangnya.
Untuk memasangnya dan membuatnya silahkan sobat blogger ikuti langkah-langkah seperti berikut ini:
- Login ke Blogger
- Klik Rancangan
- Klik Elemen Laman
- Klik Tambah Gadget
- Pilih opsi HTML/Java Script
- Copy kode HTML di bawah ini dan paste-kan di dalamnya
<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 = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</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://apricyber.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>
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 = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</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://apricyber.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>
- Simpan
Keterangan :
- Ganti http://apricyber.blogspot.com dengan url blog sobat
- NumComments = 5 >>>angka 5 merupakan jumlah komentar terbaru yang akan dimunculkan/ditampilkan,sobat bisa saja menggantinya sesuai kebutuhan
Terima kasih atas kungjungan nya... dan jangan lupa untuk komentar nya...!!
3 komentar to "Cara Menampilkan Recent Comments "
Blog Archive
-
▼
2012
(286)
-
▼
November
(152)
-
▼
Nov 16
(31)
- Cara menggabungkan File PDF
- Mematikan komputer dengan jarak jauh
- Microsoft Office 2013 KMSmicro Activator v3.10 CODE3H
- Webroot SecureAnywhere Complete 2013 8.0.2.14 Full...
- Stardock Start8 1.03 Windows 8 Full Patch
- Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog
- Cara Memasang Widget Chatting di Blog
- Cara Menampilkan Recent Comments
- Get 1 Million Visitors For You " 1 Juta Pengunjung...
- Cara Mengurangi Ukuran Berat Blog
- Cara mengetahui Jumlah pengunjung online
- Cara Mudah Mendaftarkan Blog ke Ribuan Blog Direktori
- Cara Mempercepat Loading Blog
- Cara mendaftarkan Blog ke search engine
- Cara mengetahui alamat/posisi dengan no Hp atau IP
- Cara membuat Buku tamu di blog
- Mempercepat Waktu Booting Windows 7
- Razer Game Booster 3.5.6 Beta
- Admin Spot Backlink Booster
- Merubah Label Menjadi Keywords
- Tips Blog agar banyak di kunjungi orang
- Menampilkan judul Posting saja di homepage blog
- Cara Membuat Widget Artikel Terbaru
- Membuat Artikel Terkait/Related Post dengan Efek C...
- Membuat Like Page Melayang Dengan Tombol Close
- Cara Membuat Tombol Share Button
- Blumentals WeBuilder 2011 v11.4 Pro Incl Serial Key
- Ashampoo Snap 6.0.2 MultiLanguage Incl Crack
- Aleo Flash Intro Banner Maker 4.0 Incl Patch
- Rollback Rx Professional v9.1 Build 2697670671 Inc...
- UBCD4WIN 3.60 Windows Recovery CD
-
▼
Nov 16
(31)
-
▼
November
(152)
Anonim says:
buy viagra online overnight buy viagra online ship to canada - xl pharmacy generic viagra
Anonim says:
retin a online retin a cream for freckles - can you buy retin usa
Anonim says:
Hi people! omg NY is fail BOOM
and http://newsitenet.com