A relatively easy method of increasing page views on your blog is to add a list of related posts below each article or displaying them in the SideBar. Now there is a Related Post Plugin for WordPress but there is no such one officially available for Blogger. So here is the Solution. This offers readers a ready-made reading list of other articles on your blog, which are of a similar theme or subject matter.
Installing Related Posts for Blogger Widget for your BlogSpot Blog
Installation
Option 1 – Add Related Posts Widget to Sidebar
Step 1. Click the button below
Step 2. Move the new sidebar widget to a position you like
The new sidebar widget will be created at top of your sidebar, you may want to move it a better place. Remember to save. Tip: You actually can drag this sidebar widget and drop onto after Blog Posts widget, then this widget will show up after comments.
Step 3. Go to one of your blog post
You have to see it in action in single post, you will not see the Related Posts list in your home page of your blog. Just randomly choose one of your blog post.
Option 2 – Add Related Posts just below your Post Content
Step 1. Go to Layout/Edit HTML/Edit Template Step 2. BACKUP your template! Do not skip this! Step 3. Check Expand Widget Templates, then Find a block like:
<div class='post-footer-line post-footer-line-3'/> ...</div>
Step 4. Add one more line to be:
<div class='post-footer-line post-footer-line-3'/> ...</div><div id='related_posts'/> Step 5. Go to the end for:
</body></html>
Step 6. Add two more lines to be:
<script src='http://www.google.com/jsapi'/><script src='http://brps.appspot.com/brps.js' type='text/javascript'/></body></html>
Depending Upon whether you install the Related Post Blogger widget in the Sidebar or Below the Post, you can also make customizations according to your Need by looking Below. Enjoy !!
Customizing Related Posts Widget Plugin's Title & Number of Posts (Optional)
By default, if your blogs are written in English, you should be more likely having no need to customize the widget title. However, if your blog is not a normal blog or not in English. For example, it's a food/cuisine/etc or written in Japanese. You could set the title to Related Recipes or 関連記事 (translated by Google Translate). Here is how you can do that: Change the original code:
<script src='http://www.google.com/jsapi'></script><script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
into
<script src='http://www.google.com/jsapi'></script><script type="text/javascript">window.brps_options = { "title": "<h2>Hey! Check out my other related posts!</h2>" "max_results": 5 }</script><script src='http://brps.appspot.com/brps.js' type='text/javascript'/> Notice that we have a new <script> block. You can also use HTML in it, you may need to as shown above since normal Blogger widgets use <h2> as title. If you don't use, the widget may look different. "max_results": 5 = Number of Related Posts you Want to Show
Advanced Design CSS Customization of Related Posts Widget for Blogger Plugin (Optional)
The DOM looks like:
div#related_posts h2 /* By default. If you customize brps_options["title"], it will be whatever you set */ ul li
If you want to set CSS of every related post item of list:
#related_posts ul li { /* CSS here */ font-family: Arial; font-size: 1.2em; font-weight: bold; color: #888; } If you want to set CSS of default title of list:
#related_posts h2 { /* CSS here */ } Why Should you Install the "Related Posts Widget for Blogger" ?
- More Click Through Ratio (CTR) for your Pages
- More CTR = More Adsense Impressions.
- Gives Readers easy Navigation (about what to read next )
- Makes your Posts Sticky
For Further Reading,
0 comments:
Post a Comment