Home » » Add Recent Comment Widget With Avatar For Blogger

Add Recent Comment Widget With Avatar For Blogger

Posted by Ran Dreamer on 9 Feb 2015

recent comment

This time I tried to post a lightweight article, it does not take much time to get it done. This time I will discuss about the topic How to create a widget latest comments on the blog with photos. In the know? This widget is used to find out who has just commented on your blog. So we can immediately respond and reply to comments. interested? Let's make and discuss together.
FIX (Working 100%) Update 10 Februari 2015.
1.) Go to Your blogger account
2.) Go to Layout> Add Gadget> HTML / Javascript
3.) Enter the code below in the column blank content available
<div style="overflow:auto;width:auto;height:250px;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://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://www.myseotrick.ga/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
4.) Replace / edit if you want
Replace the red numbers by the number of comments you want to display on the main page widget
Replace the blue numbers with the size of the avatar image is displayed (pixels)
Replace the yellow number with a maximum character limit comments you want to display
Replace the green address with the address of your blog url of each.

5.) Finally just click save template / Save and see the results

Share This Post :
 
Copyright © 2015 LABSTON | Adsense, Blogger, Android, Backlink, SEO, Template. All Rights Reserved
Template Johny Wuss Responsive by Creating Website and CB Design