Blogger/ Blogspot widget “Related posts by categories” shows related posts according to user defined categories at the end of each post. Another widget “Related posts widget for blogger” displays only a list of related posts but this widget shows posts under different labels, categories or tags. You can display desired posts under desired categories and also can specify the number of posts to display in your blogger blog. Needless to say, this widget will help your blog users to explore more related posts under the categories they are interested in.
Follow the specific instructions below to add this hack widget to your blog.

Follow the below steps properly and in order to have the similar widget you see in the pic above.
Widget Adding Instructions / Steps:

1. Go to Blogger Dashboard – click Edit Layout – then click Edit HTML

Wait: Before Editing your Template, Save a copy of your current template by clicking ‘Download Full Template’ in ‘Edit HTML’ page of the Blogger ‘Layout’ Window and ‘Preview’ the changes before Saving.

2. Check the ‘expand Widgets Template Box” as shown in the figure below.

Check widgets Template Box

3.Then Search (Ctrl+F) the code given below in your template:

 <data:post.body/> 

4. Copy and Add the code given below just after the above code:

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>

<div class=’widget-content’>
<h3>Related Posts by Categories</h3>
<div id=’data2007′/><br/><br/>
<script type=’text/javascript’>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

5. Save your Template. That’s it.

Widget Customization
Customize Blogger WidgetYou can change the number of maximum related posts being displayed, search for the code below (within the code given in step 4) and change the number “3″ to any desired number. Its good to have related posts in accordance with the space available to display. Generally, two or three categories is enough. However, you may display the number of categories and posts as you wish.
maxNumberOfLabels = 3;

Widget Use and Summary
In conclusion, this widget is not only an important widget for making your blog look professional but also an important widget to help users to quickly navigate or move on to other important and related posts.
Help and Comment

Help and comment
If you have any problems or any queries related to this widget, Please leave a comment below and I would be glad to help you !
Meanwhile, you can also visit “Related Posts Widget for Blogger / Blogspot” for a similar widget. You can also visit CELEBSIMAGE, one of the celebrity blogs which has this widget in action.
Also I want to know your view about this widget. So Comment !

Recent posts widget in your blogger blog is a useful and must have widget. Many bloggers use this widget to display the recent posts in their side bar or footer of the blog. No matter where you use but this widget will certainly help your users to explore latest updated posts in your blog. This blogger Widget is essential if you are displaying just one or two posts in your home page. And the most important thing, I think to display this widget is that users on post pages of any date can explore your recently updated posts through the same page. So, it’s indeed essential that you display this widget in every pages of your blog. Now let’s learn how to add this widget to your blog.

Widget Adding Instructions:

Follow these simple steps to get this widget on your blog.

1. Login to your Blogger Dashboard

2. Click on the blog’s Layout on which you want to add this widget

3. click Add a Gadget on spot you want to add this widget

4. Add a Feed (click “add to blog” under the page element Feed)

5. After the pop up box appears follow the below steps to configure

a. Enter your blog’s feed URL in the box. Use the URL below.

Just replace the text “yourblogurl” with your own blog address. http://yourblogurl.blogspot.com/feeds/posts/default?alt=rss

or

http://www.yourblogurl.com/feeds/posts/default?alt=rss
(for self-hosted blogs)

b. Click Continue. Thats it.

Widget Customization

Customize Blogger Widget
Change the Title to “Recent Posts” or “Recent Entries” or whatever you prefer to call it. You can also choose to show the item dates and author. Also choose to display number of posts according to your choice.

Widget Use and Summary

This widget will certainly add an important feature to your blog. This also helps for one thing, it will increase your page view too because people will certainly explore your latest posts if they like the conent they are reading on the post pages.

Help and Comment

Help and comment BloggeruserIf you have any problems or any queries related to this widget, Please leave a comment below and I would be glad to help you !You can also leave a comment if this widget has really helped you as i said.

Blogger widget “related posts” in blogger or blogspot blog is one of the blogger tools that help to add related articles to each of your blog posts. Related posts are selected according to your category, label or tag that you add to categorize your blog post. Related posts widget helps to increase your page visits by making users to discover other similar user interested topic posts from your blog, thus making your blog more user friendly. This Related posts hack is really useful tool for your blog that can help you to make your blog professional and at the same time can keep users for a long span of time on your blog. Below is a step by step manual instruction or blogger hack on adding “related posts widget” to your blog.

Follow the below steps properly and in order to have the similar widget you see in the pic above.
Widget Adding Instructions:

1. Go to Blogger Dashboard – click Edit Layout – then click Edit HTML

Wait: Before Editing your Template, Save a copy of your current template by clicking ‘Download Full Template’ in ‘Edit HTML’ page of the Blogger ‘Layout’ Window and ‘Preview’ the changes before Saving.

2. Check the ‘expand Widgets Template Box” as shown in the figure below.

3.Then Search (Ctrl+F) the code given below in your template:

</head>

4. Copy and Add the code given below just before the above line:

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/a/bloggeruser.com/scripts/related-posts/Related_posts_hack.js' type='text/javascript'/>

5. Again Search(Ctrl+F) the code given below (or similar) in your template:

<div class='post-body>

or

<data:post.body/>

6. Add the code given below just after the above line

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

7. Save your Template. That’s it.

Widget Customization

Customize Blogger WidgetYou can change the number of maximum related posts being displayed, search for the code below (within the code given in step 6) and change the number “5″ to any desired number.

max-results=5

Its good to have related posts in accordance with the space available to display. Generally, five posts is enough. However, you may display the number of posts you like.
max-results=5

Widget Use and Summary

This widget is not only important widget for making your blog look professional but also an important widget to help your blog users to quickly navigate on another important and related post.
Help and Comment

Help and comment

If you have any problems or any queries related to this widget, Please leave a comment below and I would be glad to help you !
Meanwhile, you can also visit “Related posts by category Blogger widget” for a similar widget.
Also I want to know your view about this widget. So Comment !

Templates determine the main style of your blogger blog. Your Blogger blogs can have a unique design if you carefully select the templates of your choice and work in accordance to the design of the template. These templates are great to show your design, work out on your interest or they can even carefully portray your business. Well, you can have a lot of template modifying options from a wide range of blogger templates available on the third party sites which I discussed in my blog post “Places to find Best Blogger Templates” earlier. Changing the blogger template to another third party template is very easy but it also depends on which template you are going to use. Some templates may be relatively very hard to configure after you use them on your blog. So select the best template and lets get started to change the blogger template of your blogger blog.

Now let’s focus on how to use the templates efficiently or say properly. After you have carefully chosen the Blogger Template, you need to download that. Most templates are available to download in the Zip format and if so, you may need to extract them. Most templates have the “Read me” file along with the blogger template and its always best to go through that file for proper and specific instructions on what you need to do.
But then, almost all templates have the same way of being uploaded in your blogger template. So you need not worry. Just follow the steps below and you shall surely find it easy. Use the Images to make the process easy.
1. Download and extract the blogger Template.
With this you will be able to access the files included in that archive. The archive should contain a XML document. Figure that out.

2. Go to the Blogger Dashboard and click on the LAYOUT tab of the blog you need to change the template.
Under the layout tab you are on the page of Page Elements (sub tab) with this step.

3. Click the Edit HTML sub tab right along the Page elements Tab.
The edit Template page (Backup / Restore Template) opens .
Use the Image below to get find out where you need to be if you lost with these words.
Changing templates in blogger blogs

4. You may need to Backup your existing template in case you make your mind to use the previous one again.
To Backup your existing template, please click on the Download Full Template and save the file for your use in future. This step is necessary in almost every attempt you make to use the EDIT HTML tab.

5. Upload the Blogger Template file by locating it with the help of the Browse button and using the upload button to confirm it.
The browse button will help you to locate the file from your saved place. After you have selected the required xml or notepad file, click on the upload button adjacent to the browse button.

6. Confirm and save for the new template.
A warning in red will appear saying that your widgets (if any) from the previous templates and going to be deleted if you are going to use these template. You need to confirm and save this for the sake of new template.

7. Enjoy your new template.

See it’s that easy. Isn’t it? You now have a new template and so a new look for your blog. Now the next step is that you may need to configure the widgets in your blog. It’s always good to follow the guidelines of the download and setup page provided by the blog template author in order to accomplish that. However, you can have general idea on configuring your widgets on another post “Configuring widgets on Blogger blogs”.
Enjoy with variety of templates and let us know which template you are using on your blog.