Cara Membuat Recent Comment Keren Di Blog

Kali nih Mbahe-googel akan Mengshare Tentang Cara Membuat Recent Comment Keren Di Blog mungkin agan agan sudah ada yang tahu cara Membuatny...

Kali nih Mbahe-googel akan Mengshare Tentang Cara Membuat Recent Comment Keren Di Blog mungkin agan agan sudah ada yang tahu cara Membuatnya tapi juga masih yang belum tahu jadi langsung saja kita membuatnya dan jika ingin tahu gambar nya seperti apa bisa di lihat gambar di bawah ini :

Kelebihan Mengunakan kode Recent komen diatas :

Coment admin tidak nampak Mungkin sebagian blogger jenuh karena saat membalas komen yang datang banyak jadi dia membalasnya berurutan dan yang nampak cuma hanya komentar nya sendiri

Kekurangan Mengunakan kode Recent komen diatas :

Tidak Bisa di gunakan Di tab view di sisi blog dan entah apa penyebabnya, tapi jika ada yng bisa mengkombinasikannya bisa berkomentar di blog ini 

Langsung Saja Ke Langkah-Langkahnya :

1. Log-in ke blognya masing-masing

2. Masuk Ke menu Tata Letak dan pilih Tambah Gadget

3. Dan cari HTML/Java Script

4. Dan Copy kode Di bawah ini Dan pastekan ke dalamnya

<style scoped 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='aprilino awan';

//]]>

</script>

<script type="text/javascript" src="https://googledrive.com/host/0B4B3VzwqZnPEUndJcDktdTI0dDg//"></script>

<script type="text/javascript" src="http://mbahe-googel.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&&amp;max-results=20"></script><br />

<div class="twitter">

<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=awanaprilino&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>

Keterangan :
Tulisan yang Berwarna Ungu Ganti dengan Nama Anda

Tulisan yang Berwarna Merah Ganti dengan URL Blog Anda

Tulisan Yang Berwarna Biru Ganti dengan Nama Twitter anda

Tulisan Yang berwarna Hijau Tidak usah di copy jika belum mempunyai twitter

Dan Selesai !

JIka agan ada yang sudah memasang kode tersebut di blognya harap komen dan menyertakan LINK ke Blognya agar saya bisa berkomen kembali ke blognya.