Home » » Widget Recent Comment V3 Valid HTML5

Widget Recent Comment V3 Valid HTML5

Posted by Ampas Kopi on Thursday, November 28, 2013


widget recent comments

Prima Share - Widget Recent Comments adalah widget untuk menampilkan komentar - komentar terbaru, fungsinya agar admin blog bisa langsung melihat komentar - komentar terbaru. Widget ini dikembangkan oleh Kang Ismet. Fitur baru yang ditambahkan yaitu "Expanded clickable area" jadi semua area dalam widget ini clickable, bukan hanya nama komentator saja.

Jika tertarik untuk memasangnya, silahkan ikuti langkah berikut:

1. Masuk ke Tata Letak >> Tambah Gadget >> HTML/Javascript
2. Salin dan letakan kode beriikut

<style scoped="" type="text/css">
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:none !important;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;}
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.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;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;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 = true;
maxfeeds=50,
adminBlog='Primamulia Teguh';
//]]>
</script>
<script src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js" type="text/javascript"></script>
<script src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50" type="text/javascript">
</script>

* Keterangan
  • numComments = 5 (jumlah komentar yang ditampilkan)
  • showAvatar = true (false, apabila ingin menyembunyikan avatar)
  • avatarSize = 35 (ukuran avatar dalam pixel)
  • roundAvatar = true (avatar bulat)
  • characters = 40 (jumlah karakter isi komentar)
  • defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (avatar default)
  • adminBlog='Primamulia Teguh' (nama admin blog, wajib diganti)
Sekian artikel tentang Widget Recent Comment V3 Valid HTML5 semoga bermanfaat ...


3 komentar:

Arif Hakim said...

Pertama gak ya ?? hehehe
~BW~

Primamulia Teguh said...
This comment has been removed by a blog administrator.
Unknown said...

makasih gan

Post a Comment

-Berkomentarlah dengan sopan dan di larang menyisipkan link aktif