See Latest Post

How to display related post titles bellow every post pages at Blogger site.

Mr Addison has started a blog. He has written many posts in it and designed his website or blog with a good look. He has done almost all the works to make his blog popular to the visitors. Despite his visitors are not so mentionable and his earnings are low. Even his site ranking are not satisfactory. What he will do in this case? He is in a fix. The above story, I think is the same to all new bloggers who are struggling to see light of success. So what is problem of Mr. Addison or what about you? Yes dear friend we'll discuss about this issue today. Probably you did make Internal Linking to your site. Internal Linking is Connecting one page with another in your website. This a part of good SEO. If your posts are not linked with one another that means your pages are not linked with one another. Google robots can not roam about the all the pages properly. As a results, your all pages will not indexed by Google and you will not get
ranking.


 If you have noticed any reputed website, you might have noticed also that there is a option saying " You may also read....." or "Related posts........."  or "You may also like.........."  This is very helpful for internal link management.You can do it manually by adding links bellow the post pages. But doing so is a tiresome and trouble some work somewhat. Suppose you have blog in Google's Blogger. Today I'll show you how you will add Related posts option bellow every post pages. See the example bellow.

This is Mike More's related post widget for blogger. It has two versions. Related post widget 1.0 and 2.0.  You can get more facilities and customizations from 2.0 version. However, it is very easy to use. Just go to Blogger Lay out options and select Add a Gadget. Now scroll bellow to find out HTML and JavaScript. Now paste the following code into the box.
 



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script> 

Now save it. Then drag the widget to post body bellow. Now click on Save Arrangements. If you feel any difficulties to display Related post titles bellow the post page, think a little bit over you posts. It may display recent post titles instead. Make sure that you have written or select Post Label or Tag. If you forgot to mention your post label it will automatically display recent post titles instead.

Again if it shows the same problem again. Your Blog need to have support for Labels. Now just go to Template option. Select Edit HTML to edit some code. Now press Ctrl+F  from your Keyboard. And find this code write some part of this code.

 




<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

If you have found out this code just replace [ ] instead the < >    After changing your codes will look like this
 


 
[b:if cond='data:post.labels']
[data:postLabelsLabel/]
[b:loop values='data:post.labels' var='label']
[a expr:href='data:label.url' rel='tag'][data:label.name/][/a][b:if cond='data:label.isLast != "true"'],[/b:if]
[/b:loop]
[/b:if] 

At the time of setting this widget, some Questions may arise in your mind. I have tried my best to answer these probable questions.
1. Question: If I have a blog with another language rather than English. Can I use this Related post widget to my Blog?
Answer: No, You can not use this 1.0 version. Please try this 2.0 verision from this link
 2. Question: Can I increase And decrease and decrease the font size of this widget?
Answer: Yes, dude ! just add this css code in Edit HTML section.

#related-posts ul li a { font: normal 14px 'georgia', arial, times; }

 

No comments