How to add a related post widget to blogger with thumbnails?(Below every articles)

Adding a related post widget to blogger not only enhances your blog but also helps to increases your page views.This is a very useful widget for both the users and blog owners.Visitors can easily navigate through the blog with their interested topic whereas the blog owners can increase their page views.In this tutorial we will be learning how to add a related post with 3,4 or 5 posts.This widget can also be added to other platforms sites like WordPress,TypePad,etc.
Related Post Widget
Related Post Widget

Steps to add it in Blogger


  1. Go to LinkWithin
  2. Generate your widget code with the given Related Posts widget generator.
    Related Post Widget generator on LinkWithi
    Widget generator on LinkWithin
  3. Click on the Install Widget link.
    Install widget link
  4. The Import Page Element appears.
  5. Click on edit content and copy the widget code.Paste the code in notepad.
    Import Page Element displaying Edit Content option
    Import Page Element displaying Edit Content option
  6. Close the Import Page Element after copying and pasting the code.
  7. Go to your Blogger Dashboard > Template > Edit HTML
  8. Search for </body>
  9. Copy and Paste the below code before </body>                                                                                               <b:if cond='data:blog.pageType == "item"'>
    Replace with the code pasted in Notepad
    </b:if> 
  10. Save the template and check your blog.
Note:The related post will be shown only on article pages.

Please spread our words!
SHARE

About Shan Eapen Koshy

    Blogger Comment
    Facebook Comment