Follow below steps to add most commented or most popular widget on your blog.

1. Goto blogger.com & login


2. On Dashboard, click Layout > Page Elements




3. Click Add a Gadget > HTML/JavaScript



4. Insert below code > title Most Commented > Save

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fyourblog.blogspot.com&num=5" type="text/javascript"></script>

Change yourblog and num=5

click the image to enlarge


5. View Blog

[back to top]

Follow below steps to add recent posts by label or category widget on your blog.

1. Goto blogger.com & login


2. On Dashboard, click Layout > Page Elements




3. Click Add a Gadget > Feed



4. Insert Feed URL > Continue > title Recent LabelName > Save
Feed URL example:

http://yourblog.blogspot.com/feeds/posts/default/-/Label

Change yourblog.

Important:
Label is case sensitive. So, if your label is Tips, your feed URL is http://yourblog.blogspot.com/feeds/posts/default/-/Tips not http://yourblog.blogspot.com/feeds/posts/default/-/tips.
If your label has more than one word, use %20 to replace space between words. For example, if your label is Blog Title, your feed URL is http://yourblog.blogspot.com/feeds/posts/default/-/Blog%20Title.

click the image to enlarge


click the image to enlarge


You can tick Item dates and Item sources/authors if you want to show it.

5. View Blog

[back to top]

Follow below steps to add recent comments widget on your blog.

1. Goto blogger.com & login


2. On Dashboard, click Layout > Page Elements




3. Click Add a Gadget > Feed



4. Insert Feed URL > Continue > title Recent Comments > Save
Feed URL example:

http://yourblog.blogspot.com/feeds/comments/default

Change yourblog

click the image to enlarge


click the image to enlarge


You can tick Item dates and Item sources/authors if you want to show it.

5. View Blog

[back to top]

Follow below steps to add recent posts widget on your blog.

1. Goto blogger.com & login


2. On Dashboard, click Layout > Page Elements




3. Click Add a Gadget > Feed



4. Insert Feed URL > Continue > title Recent Posts > Save
Feed URL example:

http://yourblog.blogspot.com/feeds/posts/default

Change yourblog

click the image to enlarge


click the image to enlarge


You can tick Item dates and Item sources/authors if you want to show it.

5. View Blog

[back to top]

Sometimes, after you installing new blogger template, you will see "Undefined" date. So, how to fix this problem?

Method 1: [go to Method 2]
1. Goto blogger.com & login


2. On Dashboard, click Layout > Page Elements




3. Edit Blog Posts


4. Change timestamp format from normal time to long date
from

to


5. Save



Method 2: [go to Method 1]
1. Goto blogger.com & login


2. On Dashboard, click Settings > Formatting




3. Change timestamp format from normal time to long date
from

to


4. Save Settings


[back to top]

1. Goto WP Blogger Themes & choose a template


2. Download & Save file


3. Extract Blogger Template - "TemplateName".zip


4. Goto blogger.com & login


5. On Dashboard, click Layout > Edit HTML




6. On Backup / Restore Template, click Browse
(click the image to enlarge)


7. Choose Blogger Template - "TemplateName".xml & click Upload
(click the image to enlarge)


8. View Blog


[back to top]