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.
<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>
<script type="text/j4vascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 250,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/j4vascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/j4vascript" src="http://tutorialbelajarblog.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></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.
Baca juga ini : Cara Membuat Recent Comment atau komentar tampilan scroll di sidebar Blog versi 1Sumber http://www.hendrisetiawan.com