Membuat Recent Comment yang Responsive

Heyo What's Up Guys... 

Sejujurnya (ea... Sejujurnya wkwkwk) ada alternatif lain untuk mengetahui komentar baru di blog anda, yaitu dengan cara mengecek satu persatu posting anda. Lalu, apakah anda sanggup dan punya banyak waktu untuk melakukan hal tersebut? Guys, Cara tersebut pastinya sangat merepotkan anda karena harus melihat satu-persatu posting yang ada komentarnya. Jadi untuk itu agar lebih mudah mengetahui komentar terbaru yang masuk ke blog, anda dapat menambahkan widget "Recent Commets" yang sudah disediakan blogger. Selain widget recent comments yang disediakan blogger, anda juga dapat membuat sendiri widget recent comment ini dengan menambahkan fitur avatar agar lebih memperindah tampilan widget tersebut. Jika tertarik anda dapat mengikuti panduan tutorialnya di bawah ini.

Karena prolognya sudah terlalu panjang, sekarang bagaimana cara membuat widget recent commment avatar tanpa harus Edit HTML? Widget ini nantinya seperti gambar diatas, jika anda ingin melihat demonya disini(klik comment pada tab view)

1. Login ke blogger dengan akun Anda.
2. Di dashboard, lalu masuk ke layout
3. Setelah itu anda pilih add gadget ( HTML/Javascript ) 
4. Masukkan kode di bawah ini pada kotak HMTL/Javascript (bisa kosongkan judul atau tambah judul terserah anda, seperti "Comentar") 

 <style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://peiterluck.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

 Keterangan :
Warna hijau   (5)            : Jumlah komentar yang ditampilkan
Warna ungu   (50)          : ukuran pixel avatar
Warna merah (60)         : Jumlah karakter huruf komentar
Warna biru                      : ganti dengan URL blog Anda. 

Warna kuning (5) : Ganti dengan jumlah komentar yang anda inginkan terlihat pada blog anda.

5. Lastly save.

6. Done.

sekian info mengenai "Cara Membuat Recent Comment yang Responsive" 

Jika ada yang kurang di mengerti, anda dapat berkomentar atau pun anda dapat menghubungi admin PeiterLuck melalui sosial media seperti Facebook, Twitter, dan Instagram.

Anda dapat merequis tentang apa pun yang menyangkut sebuah pembelajaran kepada admin PeiterLuck.

Untuk menjadi orang yang pertama dalam update PeiterLuck, silahkan subscribe melalui email anda di kolom subscribe.

Salam PeiterLuck. 

Terima Kasih ^_^