Pages

DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help

Friday, April 12, 2013

Pasang Widget Recent Comments Dengan Avatar

Yupz… widget recent comments atau widget komentar terbaru. Sebagaimana widget blogger yang lain yang memiliki banyak versi ataupun modifikasi maka widget recent comments ini juga merupakan versi dari MonozCore kesekian kalinya disamping widget serupa yang pernah saya posting. Perbedaaan widget ini dengan pendahulunya, widget recents comment ini dilengkapi dengan avatar atau pic profil komentator dan bisa dimodifikasi lagi dengan penambahan CSS rounded pada avatar.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.





  • Copy-paste kode berikut ini di kotak postingan gadget.

    <style type="text/css">
        ul.mzc_recent_comments{list-style:none;margin:0;padding:0;}
        .mzc_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;}
        .mzc_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;}
        .mzc_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
        .mzc_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     = 40,
        roundAvatar    = true,
        characters     = 100,
        showMorelink    = false,
        moreLinktext    = "More »",
        defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
        hideCredits    = false;
    //]]>
    </script>
    <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/RecentCommentsWGravatarMonoz.js"></script>
    <script type="text/javascript" src="http://www.monozcore.blogspot.com/feeds/comments/default?alt=json&callback=mzc_recent_comments&max-results=5"></script>

    Catatan :
    • Sebelum anda save perhatikan kode diatas yang berwarna biru.
    • numComments (jumlah komentar yang ingin ditampilkan).
    • avatarSize (ukuran avatar atau gambar profil).
    • characters (jumlah kata pada komentar yang ingin ditampilkan).
    • URL feed comment blog ini ganti dengan url feed blog anda!

  • Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.
DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Share :
Comments
0 Comments

No comments:

Post a Comment