Cara Memasang Widget Komentar Terbaru

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Cara Memasang Widget Komentar Terbaru - Mari kita membahas tentang widget blog! Apa itu Widget Komentar Terbaru? Maksudnya, widget yang menampilkan Komentar Orang Orang di Blog kita. Seperti contoh yang saya pakai.

Keren bukan?
Bagi saya, fungsi widget tersebut untuk mengecek siapa yang baru saja berkomentar di blog kita tanpa harus login dahulu di Blogger.

Fitur:

• SEO
• Ringan
• With Link
• With Avatars

 Bagus kan?
Nah, Bagi yang belum tau cara memasangnya, silahkan ikuti tutorial dari saya.

1. Login akun Gmail
2. Buka Blogger
3. Masuk ke Layout
4. Tekan "Add a Gadget" Pilih "HTML/JavaScript"
5. Lalu masukan Kode dibawah ini
   

   <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 = 5,
       showAvatar = true,
       avatarSize = 30,
       roundAvatar = true,
       characters = 30,
       defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
       hideCredits = true;
       //]]>
       </script>
       <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
       <script type="text/javascript" src="http://www.URL-BLOG.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> 

6. Jangan lupa  "URL-BLOG" diganti dengan link blog anda
7. Next Tekan "Save"

Silahkan buka blog anda dan lihat widgetnya! Sekian dari saya, apa bila ada kesalahan dalam menulis atau bahasa yang kurang dimengerti silahkan berkomentar saja untuk bertanya.

Tweet

Artikel lainnya:

Ditulis oleh Unknown pada tanggal Friday, January 9, 2015