How to Add Related Post Widget in Blogger Mobile Version andrey пятница, 3 апреля 2015 г. No Comment

A post on how to add related post widget in blogger mobile version. The related post widget in the mobile version of your blogger blog can increase your blog's pageviews especially if a higher number of visitor/readers access your blog from their phone. Since this blogger widget displays related posts without the images, it does not affect page load time of your blog. It can also reduce your blog's bounce rate beacause there is interlinking of one post to other and your visitors don't leave immediately without checking out any other post on your blog. If your blog posts have been categorized using labels, then you can follow the guidelines below on how to add related post widget without thumbnails in blogger mobile version.

Also Read: How to Add IP Widget In Blogger Blogs
                   Numbered Page Navigation Widget For Blogger Blogs
                   Most Commented Posts Widget For Blogger With Thumbnails

How to Add Related Post Widget Without Thumnails In Blogger

Step 1

• From your blogger dashboard,
• Goto Template.
• Click on the gear mobile settings icon 

• Select the button option, 'Yes show mobile template on mobile devices'
• From the drop down menu, choose the option 'custom'
• Click on 'Save' to enable your changes.

Step 2

• Next, Still in your template
• Click on 'Edit HTML'
• Using Ctrl+F keys, search for the tag
• Copy the code below and paste above

Step 3

• In your template, Search for
  

 

OR  SEARCH FOR

• Copy the code below and paste below any of the lines of code above which you could find in your template.

 cond='data:blog.pageType == "item"'>
 id='related-posts'>
 face='Arial' size='3'>Related Posts:  color='#FFFFFF'> values='data:post.labels' var='label'>.name/> cond='data:label.isLast != "true"'>, cond='data:blog.pageType == "item"'>

Step 4

• Finally, search for     
• Directly below it, look closely for the third closing tag  

 

Copy this code below and paste below or after  

     style='float:left;'>
    
     cond='data:blog.pageType == "item"'>
     id='related-posts'>
     face='Arial' size='3'>Related Posts:  color='#FFFFFF'> values='data:post.labels' var='label'>.name/> cond='data:label.isLast != "true"'>, cond='data:blog.pageType == "item"'>