How to Create Recent Comments Widget for Blogger

Purpose of recent comments is to be able or to find out who had just commented, and this plugin displays a list of the most recent comments to your blog in a highly customisable way.

Now follow this tutorial to make a recent comments widget:

1. Log in to your Blogger account
2. Navigate to Layout > Page Elements > Add a Gadget
3. Click on HTML/Javascript

copy and paste this code:

<script style="text/javascript" src="http://sites.google.com/site/jayceoyesta/jayce-o-design-studio/recents.comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://jayce-o.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

4. Replace http://jayce-o.blogspot.com with your own Blog address.
var numcomments = 8 is the number of total comments to display, You can customize this value according to your needs
5. Save your widget and you are done. (as easy as that)

How to Create Recent Posts Widget for Blogger

Adding recent posts widget in your blogger blog will allow your visitors to quickly find your latest posts, and it's fairly easy to install.


Creating Recent Posts Widget:

1. Log in to your Blogger account
2. Navigate to Layout > Page Elements > Add a Gadget
3. Click on HTML/Javascript

copy and paste this code:

<script style="text/javascript" src="http://sites.google.com/site/jayceoyesta/jayce-o-design-studio/recent.posts.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://jayce-o.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

4. Replace http://jayce-o.blogspot.com with your own Blog address.
var numposts = 5 is the number of total posts to display, You can customize this value according to your needs
5. Save your widget and you are done. (as easy as that)

Good luck!