Cara Membuat Recent Comments dengan Avatar

Cara Membuat Recent Comments dengan Avatar - Mungkin, bagi kita yang sudah mempunyai cukup kunjungan atau traffik blog yang bisa dibilang "lumayan", tentunya akan semakin banyak juga orang-orang yang meninggalkan komentar atau yang sering juga disebut dengan meninggalkan jejak. Namun, sekarang ini sedang marak-maraknya komentar yang dikategorikan sebagai SPAM atau komentar yang tidak berbobot, karena kebanyakan blogger salah kaprah dalam teknik SEO yang ingin mereka jalankan, tentunya anda tahukan salah satu teknik SEO backlink, dalam menjalankan teknik ini seringkali blogger 'malah' meninggalkan jejak dengan memberikan link hidup pada komentar di blog-blog sahabat yang sering kita kenal dengan istilah blogwalking, bahkan seringkali blogger menyamarkan tulisan linknya dengan menyisipkan kode warna HTML yang sama dengan background display komentar. 

Cara Membuat Recent Comments dengan Avatar











Perlu anda ketahui bahwa sebenarnya Google sudah pernah membahas masalah ini lewat blognya resmi, tapi mungkin banyak blogger yang belum membacanya, dan pada halaman tersebut jelas-jelas terpampang contoh gambar komentar SPAM dilarang yang seringkali para blogger publikasikan di blog-blog yang mereka kunjungi, untuk peraturan selengkapnya mengenai komentar SPAM bisa anda baca disini. 

Waduhh... kok malah jadi ngebahas komentar SPAM ya... hehe.., Baik sesuai dengan topik pokok bahasan kita kali ini, sekarang saya akan membahas tentang bagaimana cara membuat recent comments dengan avatar, recent comments atau yang disebut dengan komentar terbaru adalah widget yang menampilkan komentar-komentar yang baru dipublikasikan di blog kita, jadi setiap ada komentar baru yang dipublikasikan oleh pengunjung maka komentar tersebut akan di display pada widget ini. Anda bisa melihat contohnya pada gambar diatas, atau jika anda ingin melihat live demo-nya, anda bisa lihat disini.

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Pilih Add Gadget.

4. Pilih HTML/JavaScript.

Cara Membuat Recent Comments dengan Avatar







5. Letakkan kode di bawah ini ke dalam box 'konten'.

<style type="text/css">
ul.w2b_recent_comments {
list-style: none;
margin: 90;
padding: 60;
}
.w2b_recent_comments li {
background: none !important;
margin: 9 9 6px !important;
padding: 9 9 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 = 40,
roundAvatar = true,
characters = 35,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript " src="https://farhanshare-blogspot-com.googlecode.com/files/farhanshare-recentcomments.js"></script>
<script type="text/javascript" src="http://farhanshare.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Keterangan: 
  • Ganti kode yang berwarna biru dengan jumlah komentar yang ingin ditampilkan.
  • Ganti kode yang berwarna hijau dengan ukuran avatar yang diinginkan.
  • Ganti kode yang berwarna merah dengan jumlah karakter masing-masing komentar yang ingin ditampilkan.
  • Ganti kode yang berwarna oranye dengan URL blog anda.
6. Klik 'save', dan selesai.

Bagaimana? mudah bukan membat recent comments dengan avatar, menurut saya peribadi widget ini mempunyai dampak yang cukup berpengaruh bagi blog, karena dengan widget ini blog kita terlihat berpenampilan 'lebih' visitor friendly atau bersahabat dengan pengunjung, agar lebih friendly lagi dengan pengunjung anda juga dapat memasang widget popular post warna warni.

Demikian tutorial blog tentang cara membuat recent comments dengan avatar di blog, semoga bermanfaat, dan selamat mencoba. Happy Nice Blogging to Everyone...

Postingan terkait:

— —