Cara Membuat Recent Comment

Cara Membuat Recent Comment


Cara membuat Recent Comment sengaja saya tulis, karena merupakan salah satu pelengkap blog, yaitu bila pembaca memberi komentar dalam artikel Anda, maka akan langsung muncul dalam recent comment. Membuat dan memasangnya mudah, karena itu ikutilah langkah-langkah berikut ini:

1. Buka akun blog dasbor Anda.
2. Klik tata letak, pilih tambahkan gadget.
3. Klik Java script.
4. Copi script di bawah ini.
5. Pastekan di Java Sript yang telah Anda persiapkan, klik simpan
6. Lihat blog, gampang kan. Selanjutnya aturlah tata letak Javascript.
7. Klik lihat blog
8. Selesai.



Kode Script :



<div style="overflow:auto;width:100%;height:295px;padding:0px;border:0px solid #eee">

<style type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin-top:5px;padding:0;}
    .sakahayang_recent_comments li{ list-style: none;  padding:10px 10px 14px 0px !important;display:block;}
    .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: 13px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 20,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 35,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Yulianto';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://www.topyulianto.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>



Keterangan : Warna merah sesuaikan dengan blog Anda

Silahkan Tinggalkan Komentar Anda :