Cara Membuat Recent Comment

Karena tidak ada acara apa-apa .Langsung saya update tutorial lagi. Kali ini yang saya bahas adalah Cara Membuat Recent Comment. Recent Comment dalam bahasa Indonesia adalah komentar terbaru. Widget recent comment ini menampilkan komentar dari pengunjung blog. Widget ini bisa untuk menyenagkan pengunjung yang berkomentar karena komentar dia akan tampil di widget recent comment. Dengan begitu bisa saja blog anda akan dibanjiri dengan komentar. Tampilan dari widget recent comment ini seperti yang ada disidebar blog saya. berikut screenshotnya

Untuk cara membuatnya ikuti tutorialnya berikut
  • Login ke akun blogger anda
  • Klik Tata letak > tambah gadget
  • Scroll kebawah klik HTML/Javascripst
  • Letakkan kode dibawah ini di kotak javascripst
<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='Rahmat Krisdianto';
    //]]>
    </script>
    <script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
    <script type="text/javascript" src="http://antok-cyber.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
  • Klik save dan lihat hasilnya
Catatan :
  • tulisan berwarna kuning ganti dengan nama anda. karena agar komentar anda tidak tercantum di widget tersebut.
  • tulisan berwarna biru ganti dengan URL Blog anda.
Selesai deh.. itu saja untuk postingan sore ini jangan lupa berikan kritik dan saran anda. Apabila ada kata-kata saya yang kurang berkenan dihati anda saya mohon maaf yang sebesar-besarnya. Jangan lupa terus kunjungi blog ini khusunya blogger pemula karena saya akan selalu mengupdate tutorial blog selanjutnya.

Article :

0 comments:

Post a Comment

Berkomentarlah dengan sopan sesuai topik pembahasan, jangan mencantumkan link aktif.