/Cara Efektif Membuat Widget Recent Comment Di Blog

Cara Efektif Membuat Widget Recent Comment Di Blog

Widget recent comment memudahkan pengunjung melihat komentar terbaru dari blog itu.

Selain memudahkan pengunjung Widget Recent Comment ini berfungsi untuk mempercantik blog anda.

Rencent comment atau biasa disebut Komentar terbaru ini selain mempercantik blog, Widget ini juga sangat membantu anda dalam melihat komentar terbaru tanpa login ke blogger.

1. Seperti biasa buka dan masuk ke dashboard blog anda.

2. Pilih Tata Letak > Add Gadget > HTML/Javascript.

3. Kemudian masukan script Recent Koment dibawah ini kedalan kolom yang sudah di sediakan atau kolom HTML/Javascript.

<style type=”text/css” scoped>
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=’Dian Arifin’;
//]]>
</script>
<script type=”text/javascript” src=”https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js”></script>
<script type=”text/javascript” src=”/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50″>
</script>

4. Terakhir simpan.

The following two tabs change content below.