Making Recent Comment in Blog

0 Comment

Making Recent Comment in Blog | 'Recent comment' widget which I will share this time is a widget that now I'm using on my blog. This widget might be able to increase the number of visitors who want to comment on your blog. Because of their comments will be posted on the home page. Haha.

Making Recent Comment in Blog

Want to use it? Follow this tutorial.
1. Login to your blogger account.
2. Then, go to Design => Add Gadget => HTML/JavaScript.
3. Then copy code below.
<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://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://farz-collection.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Change the red, with your blog.
Blue, there are 2, replace with a number of comment would you attach.

So, that's a tutorial to install the cool recent comments in blog. 
Description: Making Recent Comment in Blog
Rating: 5
Reviewer: FarZ
Item Reviewed: Making Recent Comment in Blog


Title : Making Recent Comment in Blog.
Original URL : http://farzc.blogspot.com/2012/07/making-recent-comment-in-blog.html
Label :

You can share this article: Making Recent Comment in Blog but do not forget to put the source link of Making Recent Comment in Blog.


Enter your email address to get updates from this blog:


Share this article :

Post a Comment

Please do not SPAM or commented by stating the link
If you cannot comment in English, use Indonesian :))

 
Copyright © 2011. FarZ Collection - All Rights Reserved
Proudly powered by Blogger