-->

Widget Komentar Blogger terkini dengan tampilan Circle Avatar

Membuat tampilan komentar terbaru pada blogger dengan flat desain dengan menggunakan avatar.

Daftar Isi [Tutup]
    Widget Pendapat Blogger terkini dengan tampilan Circle Avatar menggambarkan widget yang sanggup menampilkan pendapat terkini pada web. dengan widget ini web kamu hendak lebih mempunyai tampilan yang menarik. widget ini berperan menunjukkan pendapat pada web kamu dengan jumlah yang dapat diatur sesuai kemauan.

    Widget Komentar Blogger terkini dengan tampilan Circle Avatar - mantankode

    tampilan Widget ini dibuat dengan CSS dan Javascript. Dengan mengenakan widget ini, Kalian dapat melihat tampilan ukuran avatar pendapat pengunjung berbentuk( Ukuran default menggambarkan 45px), kenapa diberikan 45px? sebab supaya tampilannya nampak sedikit bundaran enggak sangat kotak. dengn desain tampilan yang menarik dan sesuai dengan web model flat. langsung aja kita pasang widgetsnya.

    Tahap Pertama

    Buka Dasbor Blogger
    Tata Letak
    Tambah gadget
    HTML/Javascript

    Tahap Kedua

    serta salin kode di bawah ini serta simpan di Widgets HTML/Javascript
    <style type="text/css" scoped> 
    ul.mkbaru{list-style:none;margin:0;padding:0;} 
    .mkbaru li{background:transparent;margin:0 0 6px!important;padding:3px  
    !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
    border-radius:9px; max-height: 100px;} 
    .mkbaru li:hover{background:#fff;border: 1px solid #e9e9e9;}
    .mkbaru a {text-decoration:none;}
    .avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
    .avatarRound{border-radius:100px;width:35px;height:35px} 
    .mkbaru li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;} 
    </style>
    <script type="text/javascript">
    //<![CDATA[
        var
     numComments  = 5,
     showAvatar  = true,
     avatarSize  = 35,
     roundAvatar = true,
     characters  = 40,
     defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
     hideCredits = False;
     maxfeeds=50,
     adminBlog='MK';
    //]]>
    </script>
    <script type="text/javascript" src="https://rawcdn.githack.com/madi10/MANTAN/a6b48bf79de57078034be0f2dd5cee77ddc37238/Widget Komentar/recent2.js"></script>
    <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=mkbaru&&max-results=50">
    </script>

    Keterangan:
    numComments = 5 (jumlah komentar yang akan ditampilkan)
    showAvatar = true/false (pakai avatar atau foto? silahkan pilih)
    characters = jumlah keterangan dari komentar

    terima kasih telah berkunjung ke blog saya ini semoga bermanfaat. :)
    Show comments
    Hide comments


    MANTANKODE.NET Kebijakan Komentar, Silahkan berkomentar sesuai ketentuan perundang-undangan!
    Baca Kebijakan Berkomentar kami sebelum berkomentar.

    Notification

    Donasi yang anda berikan akan digunakan untuk, pengembangan blog ini.

    Kesehatan admin dan lebih semangat berbagi tips dan informasi.

    Yang telah membantu saya ucapkan terima kasih

    Donasi: Trakteer

    Done
    Night Mode