Pasang Recent Comments Widget

Recent Comments Widget For Blogger

Adding recent comments widget in your Blogger blog will show the activeness of your blog. Once a reader finds a recent comments widget in your blog’s sidebar, he comes to know that you blog is pretty active and that encourages him to post comments on your blog. In this way you can gather some active user base to comment on your blog posts.

Follow these steps to add the recent comments widget in your Blogger (Blogspot) blog.

Step 1 :

Log into Blogger. Go to your Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript
Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript

Step 2 :

Copy and paste the code below:

<script style=text/javascript src=http://www.webaholic.co.in/other/recent-comments-widget.js></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://YOUR-BLOG-URL.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://www.blogger.webaholic.co.in/2011/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>


Step 3 :
 
Change YOUR-BLOG-URL with your blog url.


Step 4 :

Save the template.

Pasang Top Commentators Widget

Top Commentators Widget For Blogger

You might have noticed the Top Commentators Widget in blogs powered by WordPress. Sometimes, it is referred to as Best Commentators Widget. Now you can also reward your top commentators by displaying their names with clickable links on your Blogger blog and helps you to see who comments on your blog more frequently.

The "Top Commentators Widget for Blogger" has some additional features.
          • This allows you to filter out the blog author's name from the top commentators list.
          • It also counts number of comments by unique profile id.

Follow these simple steps to add the top commentators widget in your Blogger / Blogspot blog.


Step 1 :

Log into Blogger. Go to your Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript

Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript


Step 2 :


Copy and paste the code below:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">"
+ obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&

_id=7b5e76fd684f11e94320abd4e00fbbca&url=http%3A%2F%2FYOUR-BLOG-URL&num=5&filter=Anonymous" type="text/javascript"></script>
<br/><small><a style="align:left;" href='http://www.blogger.webaholic.co.in/2011/07/top-commentators-widget-for-blogger.html'>Top Commentators Widget</a>
 | <a style="align:left;"
href='http://www.webaholic.co.in/'>Webaholic</a></small>


Step 3 :
 
Change YOUR-BLOG-URL with your blog url. Don't include www.


Step 4 :

Save the template.


Customizations :
num=5

Shows the number of comments in the list. You can change the number accordingly.
filter=Anonymous

Filters Anonymous comments from the Top Commentators Widget. You can add your name (blog author) here to keep yourself out of the top commentators list.

Pasang Recent Post Widget dengan Thumbnails

Recent Posts Widget With Thumbnails For Blogger

If your blog have long posts and you want to help your visitors to find your recent posts quickly, without spending time browsing you blog searching for your older posts. Then displaying small thumbnail images adjacent to post titles in the recent post widget on your Blogger blogs could be the right fix. This not only looks nice, but also entice visitors to click on your posts.

You can easily customize whether or not you would like to display thumbnails, post summaries, and the number of comments for each post along side the titles.

Follow these steps to add the "Recent Posts Widget With Thumbnails" in your Blogger (Blogspot) blog.

Step 1 :


Log into Blogger. Go to your Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript


Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript




Step 2 :


Copy and paste the code below:

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;

float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}

.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/08/recent-posts-widget-with-thumbnails-for.html' target='_blank'>Recent Posts Widget</a> | <a href='http://www.webaholic.co.in/' target='_blank'>Webaholic</a></small>


Step 3 :


Change YOUR-BLOG-URL with your blog url.


Step 4 :


Save the template.

Note :


var numposts = 5; where 5 is the number of posts to be displayed.

Pasang Widget Popular Post

"Popular Post Widget" or "Most commented Posts" for Blogger as is very great widget to show of your posts,which your readers most liked and expressed their love in comments.It gives your visitors a reason to stay on your blog. This widget is very easy to install just have to add small bit of javascript codes to your blog sidebar.

Follow these steps to add the recent comments widget in your Blogger (Blogspot) blog.


Step 1 :

Log into Blogger. Go to your Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript

Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript


Step 2 :

Copy and paste the code below:


<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://YOUR-BLOG-URL.blogspot.com/";
</script>
<script src='http://www.webaholic.co.in/other/popular-posts-widget-for-blogger.js' type='text/javascript'></script>


Step 3 :
 
Change YOUR-BLOG-URL with your blog url.


Step 4 :

Save the template.


Customization :

How to customize popular posts widget for blogger:

1. numposts is the number of posts you got.
2. maxshowresult is the maximum result that will be shown.
Change this accordingly.

Silahkan Baca Artikel Saya......