Cara membuat Recent Comment With Thumbnails

Cara membuat Recent Comment With Thumbnails - huaaa.. Insomnia kawand ! susah tidur malam ini, padahal tadi sempat kehujanan waktu perjalanan pulang dari acara pameran laptop. Tapi, tak apalah, daripada nganggur, saya kasih tau bagaimana cara membuat komentar terakhir dengan thumbnails pada blog sobat. Langsung saja ya?

1. Pertama buka blog sobat dan langsung menuju Tata Letak.
2. Pilih Add Widget terus HTML.
3. kemudian masukkan script dibawah ini kedalam sana
   
   

   <style type="text/css">

   
   

   ul.tb_recent_comments{list-style:none;margin:0;padding:0;}

   .tb_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;}

   .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

   .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

   .tb_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  = 30,

   characters  = 30,

   defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

   hideCredits = true;

   //]]>

   </script>

   <script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>

   <script type="text/javascript" src="http://Your_url/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

   
   
4. Kemudian Simpan widget tersebut

Untuk yang berwarna merah bisa dirubah sesuai kebutuhan.. :D
Jangan lupa komentarnya, kawanku semuanyaa !!

Posted by BV Media

Tweet