√ Cara Menciptakan Recent Comment Atau Komentar Dengan Scroll Dan Gambar Avatar Di Blog

Konten [Tampil]

Ini ia cara menciptakan Recent Comment komentar terbaru di blog kamu, fungsi dari recent comment ini kau dapat melihat komentar terbaru di blog kau tanpa harus ke pengaturan komentar blog.
Berikut Cara Membuat Recent Comment atau komentar dengan gambar avatar di sidebar Blog.

1. Masuk ke Blogger.com2. Pilih tata letak

3. Tambahkan Gadget baru
4. Pilih HTML/JavaScript
5. Kemudian copy kan isyarat di bawah ini.

Baca Juga

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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>

//<![CDATA[

// Recent Comments Settings

var

numComments = 10,

showAvatar = true,

avatarSize = 35,

roundAvatar = true,

characters = 250,

defaultAvatar = "",

hideCredits = true;

//]]>

</script>

<span id=rcw-cr><a href='aciknadzirah.blogspot.com/search?q=cara-membuat-recent-comment-komentar-diblog' ='_blank'> Membuat Komentar atau Recent Comments dengan Scroll</a> by <a href=http://tutorialbelajarblog.com/ target=_blank title=aksesoris template widgets> BelajarBlog</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:8px;} </style>

</div>

6. Keterangan

Kode warna merah adalah ukuran lebar, sesuaikan dengan ukuran sidebar blog kamu.
Kode warna biru ubah dengan link blog kamu.
Kode warna hijau jumlah komentar yang di tampilkan.

7. Simpan