Cara Membuat Widget Recent Comment di blog

Cara Membuat Widget Recent Comment di Blog

STAR-US - Cara Membuat Widget Recent Comment di Blog ,Bagi sahabat blogger yang masih bingung dalam Membuat Widget Recent Comment di Blog jangan khawatir karena saya akan memberikan tips nya membuat dengan cara yang mudah agar blog sahabat blogger dapat menampilkanWidget Recent Comment di Blog untuk lebih jelasnya sahabat bisa langsung baca dan langsung praktikkan di blog sahabat masing masing, dengantampilan dan tempat berbeda, langsung saja ^_^








HTML/Javascript


  1. Blogger sobat.
  2. Masuk pada bagian Tata Letak.
  3. Klik Tambahkan Gadget di posisi yang sobat inginkan.
  4. Masukan kode berikut.
<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 = 30,
roundAvatar = true,
characters = 60,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwUp4j0RbK4wz5rEe6YUk_9Re7Y-6zZKqXPCzlukO2z4tuDNEa_DxGMcDbxpNWYvwqF5LpkuCz1NmlWQjcIBQAh-2NxL-fUjZ4iWxtxR1yTZtdCwGOyPe6XOXy4ug1hAabj934-sUmh4Fu/s1600/gravatar.jpg",
hideCredits = true;
maxfeeds=20,
adminBlog='Rio Us';
//]]>
</script>
<script type="text/javascript" src="http://www.geocities.ws/reggy1998/rcomment.js"></script>
<script type="text/javascript" src="http://star-us.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

Catatan:

Ganti tulisan berwarna Merah dengan nama admin blog anda
Ganti tulisan berwarna Orange dengan url blog anda
Ganti tulisan berwarna Hijau adalah jumlah komentar yang di tampilkan.

5. Klik "Simpan"


Buka Blog dan Liat Hasilnya :)


"SERTAKAN SUMBER [STAR-US] SAAT DI COPYPASTE!!!"
Previous
Next Post »
Kunai

Visitor

Flag Counter