Cara Membuat Recent Comment atau komentar dengan Scroll dan gambar avatar di Blog

Advertisement
Ini dia cara membuat Recent Comment komentar terbaru di blog kamu, fungsi dari recent comment ini kamu bisa melihat komentar terbaru di blog kamu tanpa harus ke pengaturan komentar blog.
Berikut Cara Membuat Recent Comment atau komentar dengan gambar avatar di sidebar Blog.
membuat recent comment di blog, komentar di sidebar blog

1. Masuk ke Blogger.com2. Pilih tata letak




3. Tambahkan Gadget baru
4. Pilih HTML/JavaScript
5. Kemudian copy kan kode 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/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 250,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://tutorialbelajarblog.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>
<span id=rcw-cr><a href='http://www.tutorialbelajarblog.com/2015/02/cara-membuat-recent-comment-komentar-diblog.html' ='_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 Baca juga ini : Cara Membuat Recent Comment atau komentar tampilan scroll di sidebar Blog versi 1
Tag : Tips Blog
2 Komentar untuk "Cara Membuat Recent Comment atau komentar dengan Scroll dan gambar avatar di Blog"

Back To Top