Cara Membuat Recent Comment Dengan Thumbnail di Blogger

KODE ATAS

Cara Membuat Recent Comment
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


1 kamu login ke blogger dan pilih menu Teta Letak dan pilih lagi menu HTMLjava/script
Cara Membuat Recent Comment Dengan Thumbnail di Blogger
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>


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  = "http://2.bp.blogspot.com/-6pCCeOe7wKA/UKRn7f0MK7I/AAAAAAAAB3s/oWt1dVVzc5Y/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.


KODE BAWAH
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat Recent Comment Dengan Thumbnail di Blogger"

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan...!!!

Yang tidak diperbolehkan dalam berkomentar :

1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau Porno.
3. Komentar Saling Caci maki.
4. Komentar yang Memasukan Link Iklan dan Ling Atip.
5. Di Lalarang Mengcopy Paste Pada Artikel Di Sini.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.

Bagi Anda yang Mau di Tayakan ? Anda Bisa Anda Bisa HUB Alamat Facebook Saya (https://www.facebook.com/toturialblogcom)

Terima Kasih Sudah Berkomentar
 
Copyright © 2015 TUTORIAL - All Rights Reserved
Template By. Kunci Dunia
Back To Top