• Posted by : Unknown Senin, 30 Juni 2014

    Cara Membuat Widget Recent Comment di Blog

    STAR-US - Cara Membuat Widget Recent Comment di Blog ,Bagi sahabat blogger yang masih bingung dalam Membuat Widget Recent Comment di Blog jangan khawatir karena saya akan memberikan tips nya membuat dengan cara yang mudah agar blog sahabat blogger dapat menampilkanWidget Recent Comment di Blog untuk lebih jelasnya sahabat bisa langsung baca dan langsung praktikkan di blog sahabat masing masing, dengantampilan dan tempat berbeda, langsung saja ^_^








    HTML/Javascript


    1. Blogger sobat.
    2. Masuk pada bagian Tata Letak.
    3. Klik Tambahkan Gadget di posisi yang sobat inginkan.
    4. Masukan kode berikut.
    <style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_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;}
    .w2b_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;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;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 = 60,
    defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfzDeU3x2IBJd5Jqy0lJtBwm2bWMYLQA1O3mlni-s0yssiAEhvyyDq4heNbMIg2cyCj0KMj2w_hthOKZ5-_8WDATfg9XHF9yn6shk6XVqq2jaZXLyV198H_JNd1m-5JSbzg_c9TeJ2jid/s1600/gravatar.jpg",
    hideCredits = true;
    maxfeeds=20,
    adminBlog='Rio Us';
    //]]>
    </script>
    <script type="text/javascript" src="http://www.geocities.ws/reggy1998/rcomment.js"></script>
    <script type="text/javascript" src="http://star-us.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

    Catatan:

    Ganti tulisan berwarna Merah dengan nama admin blog anda
    Ganti tulisan berwarna Orange dengan url blog anda
    Ganti tulisan berwarna Hijau adalah jumlah komentar yang di tampilkan.

    5. Klik "Simpan"


    Buka Blog dan Liat Hasilnya :)

    0 komentar

  • Copyright © 2013 - Nisekoi - All Right Reserved

    Lafin Nur Jamil Blog Powered by Blogger - Designed by Johanes Djogan