Cara Membuat Widget Komentar Terbaru Keren

Assalamualaikum sobat blogger. Kesempatan kali ini aku mau berbagi Cara Membuat Widget Komentar Terbaru Keren. Ini adalah artikel dari kang Ismet, sang master blog. Recent Comment ini sudah valid html 5. Mantap kan??
Oke deh langsung aja di simak ya.

Langkah 1
Kalian masuk ke dasbbor blogger, kalian pilih Tata Letak

Langkah 2
Kalian pilih tambah gadget, pilih javascript atau html. Masukkan kode dibawah ini kemudian simpan.
<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{
background:none !important;
margin:0 0 6px !important;
padding:3px  !important;
display:block;
clear:both;overflow:
hidden;list-style:none; 
border: 1px solid transparent; 
border-radius:9px; max-height: 100px;} 
.kangismet_recent li:hover{border: 1px solid #ddd;} 
.kangismet_recent a {text-decoration:none;} 
.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;width:35px;height:35px} 
.kangismet_recent li span{margin-top:4px;color: #222;
display: block;font-size: 12px;line-height: 1.4;} 
</style> <script type="text/javascript">
 //<![CDATA[     
var  numComments  = 5,  
showAvatar  = true,  
avatarSize  = 35,  
roundAvatar = true,  
characters  = 40,  
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  
hideCredits = true;  
maxfeeds=50,  
adminBlog='Kang Ismet'; 
//]]> </script> 
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50"> </script> 

Kostumisasi
var numComment : jumlah komentar baru yang ditampilkan
showAvatar : menunjukkan tampilan avatar. Ganti false jika ingin menyembunyikan
avatarSize : ukuran avatar
roundAvatar : avatar dalam tampilan lingkaran, ganti false jika ingin tampilan kotak
adminBlog : ganti dengan nama kalian


Previous
Next Post »

5 comments

Click here for comments
Anonymous
admin
September 15, 2013 at 10:29 PM ×

Jiplak punya orang ini :marah:

Reply
avatar
Afif Nuzia A
admin
September 16, 2013 at 12:40 PM ×

maaf saya tidak jiplak :bata:

Reply
avatar
April 27, 2014 at 9:38 AM ×

|͟͞R͟͞e͟͟͟͟͞p͟͞o͟͞s͟͞t͟͞|

Reply
avatar
Anonymous
admin
May 8, 2014 at 11:34 PM ×

:angel: :bata: :becak: :bugis: :cpd: :pm: :cendol: :dp: :mkn: :lv: :palu: :lagu: :jmpl: :jmpl1: :ind: :post: :dul: :malu: :mb: :njs: :tawa: :hope: :sh:

Reply
avatar

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment