Home » , » Cara Membuat Widget Recent Comment Di Blogger

Cara Membuat Widget Recent Comment Di Blogger

Written By Rendy Fernando on Tuesday, October 15, 2013 | 9:32 PM

Cara Membuat Widget Recent Comment Di Blogger
Artikel malam, Cara membuat widget recent comment di blog. widget recent comment ini dilengkapi dengan scroll dan foto. selain itu widget ini juga berfungsi untuk memudahkan melihat komentar yang harus di hapus dan harus di hapus karena di sana sudah di sediakan link langsung menuju artikel yang di komentari sang pengunjung,
cara pemasangannya sebagai berikut :
  1. Login akun blogger kalian
  2. Masuk bagian layout ( tata letak )
  3. Tambah gadget HTML/Javascrpt

Masukan script brikut ini :
<div style="overflow:auto;width:auto;height:378px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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 = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/183195200115/recent-comments.js"></script> <script type="text/javascript" src="http://2egm.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
Note :
Berwarna merah untuk mengatur tinggi widget
Warna biru ganti dengan link blog kalian

Simpan dan lihat hasilnya
Share this article :

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t

6 comments:

  1. sangat bermamfaat buat saya gan..
    mkasih

    ReplyDelete
  2. sungguh bermanfaat bagi yang newbi seperti saya, baru menekuni dunia blogger.
    Terimakasih?
    Http://serbaserbaserba.blogspot.com

    ReplyDelete
    Replies
    1. Sama sama gan. terimakasih telah berkunjung. :s

      Delete
  3. ini yang saya cari gannn makasih gan infonya sangat membantu di tunggu kunjungan baliknya

    ReplyDelete


 
Support : Maskolis | Johny Template | 2eGM | Post RSS | Comment RSS
Copyright © 2013. 2eGM - All Rights Reserved
Template Update by Rendy VXC Published by Mas Template
Proudly powered by Blogger