Halo para blogger saya akan membagikan ke pada anda semua cara membuat recent comment dengan Thumbnail di blogger,ya itu dalam bahasa Indonesia yaitu komentar terakhir.saya akan membagikan ke pada andayang memelukkan widget recent comment untuk blog anda recent comment ini sangat berfungsi agar sobat atau pengunjung blog sobat dapat melihat para readers yang berkomentar di blog sobat. Selain itu bisa di terapkan di menu teb view yang seperti yang ada di blog saya itu.maka widget ini bisa juga anda sobat untuk meningkatkan pageview tampilan blog anda jadi lebih keren,anda bisa pasang recent comment bisa terserah anda mau di pasang di mana saya blog anda.oleh Karena setiap berkomentar yang telah di publish lalu diklik dan dilihat oleh seseorang, Bisa menambah 1 pageview yang akan tampil blog anda.maka anda bisa waktu sebelumnya juga reggy pernah posting tentang bagaimana cara membuat widget recent comment keren yang lebih recent comment seo friendly.widget recent comment adlah persi terbaru berbeda lagi yang widget recent comment lalu hanya isi komentar dan namanya tampa gambar.
widget recent comment yang sekarang yang periterbaru ditambah dengan round avatar yang artinya ditambah dengan gambar si comment's writer dengan bentuk lingkaran. Selain itu, script yang digunakan tidak terlalu membuat loading blog anda menjadi lambat atau lama,dengan widget recent comment tampilan yang simpel dan dinamis. widget recent comment thumbnail dan masih banyak lagi. Untuk penampakannya bisa sobat lihat pada gambar di bawah atau lihat di halaman homepage,bila anda tertarik bisa anda copy dan ambil kode script widget recent comment di bawah ini
2 Dan copykan kode script widget recent comment di bawah ini di kotak HTMLjava/script
<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 15px !important;padding:0 15px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:1px;background:#00ffff;-webkit-box-shadow:0 1px 1px #000;-moz-box-shadow:0 1px 1px #000;box-shadow:0 1px 1px #000;float:left;margin:0 5px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #fff;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 = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/seocips/seocips-script/rcwa.js"></script>
<script type="text/javascript" src="http://toturialblogcom.blogspot.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
3 Bila anda memkai temaplate Warna Putih maka gunkanlah kode script widget recent comment yang di bawah ini persi untuk Template Warna Putih
<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/AVvXsEg37OkS830Iuk4oaFQUtWizgxaM6i5trSmGYIKArp5yzzKEq2uZIE0VGhqRH0uKKTJyr2cQCuX76yTTIAt2GK6VlVraL02HGhnUjOqLlPOSkt7bic6gNg3892SC8jcDjfJ_ue6f4RcitFOj/s1600/gravatar.jpg",
hideCredits = true;
maxfeeds=20,
adminBlog='Reggy Zian Purnama';
//]]>
</script>
<script type="text/javascript" src="http://www.geocities.ws/reggy1998/rcomment.js"></script>
<script type="text/javascript" src="http://blognya-reggy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>
4 Kemudian lalu Save dan lihat hasil bro mantap dengan script widget recent comment yang dari pada sebelumnya bila anda ada yang kurang pahan tentang cara memasang script widget recent comment silahkan berkomentar di bawah ini cukup sekian terimakasih atas kehadiran sobat datang ke blog saya semoga artikel ini bermapaat bagi anda dan kita semwuanya cukup sekain trimkasih salam blogger.
0 Response to "Cara Membuat Recent Comment Dengan Thumbnail di Blogger"
Posting Komentar