Search Bar

Cara menambah recent comment pada blog ( komentar terakhir )

Assalamualaikum wr wb

 

      Kembali dengan saya, siapa lagi kalau bukan bang sholeh. kali bang sholeh sedikit berbagi bagaimana cara menambahkan komentar terakhir pada gedget anda. karena caranya yang cukup mudah, langsung saja dibaca ya ?



1. Sebelum anda menambahkan gedgetnya, anda harus masuk ke blog anda masing-masing.
2. setelah itu masuk ke entri baru >> kemudian pilih tata letak
3. setelah itu pilih / klik tambahkan gedgetnya. seperti pada gambar dibawah ini.


4. Kemudia pilih HTML/Java Script
5. setelah itu anda masukkan script dibawah ini kedalam gedget anda :

 <style type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}

   .sakahayang_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;}

   .sakahayang_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;}
    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

   .sakahayang_recent_comments li span{margin-top:4px;color: 
#666;display: block;font-size: 11px;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  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Bang Sholeh';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://loecman30.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>


6. Kemudian pilih simpan,dan dilah hasilnya



7. Mudah bukan !




NB :
numComments = 5, (jumlah komentar yang ditampilkan)
showAvatar = true,
avatarSize = 30, (ukuran avatar dalam pixel)
roundAvatar = true,
characters = 40, (jumlah karakter yang ditampilkan)
defaultAvatar = " http://www.gravatar.com/avatar/?d=mm", (url avatar)
hideCredits = true;
maxfeeds=20, (feed yang di load, harus sama dengan maxfeeds)
adminBlog='Bang Sholeh'; (nama tampilan admin)

Ganti loecman30.blogspot.com dengan blog Anda, ganti max-results=20, harus sama dengan maxfeeds


SEMOGA BERMANFAAT YA ?




Post a Comment

0 Comments