Add Related Posts After Each Post Widget for Blogger Post End Wordpress

Related Post Plugin Widget For Blogger Post End Widget

I had searched the whole internet for "related post widget plugin for blogger post end" and I realize that some of the codes present are not working fine and at the last i found the below code which is working fine for my website and I believe that the same work for you also.

Related post plugin is for blogger very useful, it will not only improve the linking between your post but also increase the "page views/per user" of your website also which ultimately help you to improve your website page ranking.

Please see the step by step process to add the code in your blogger template:-

1.) Log in your blogger and go to Dashboard >> Template >> Edit HTML

2.) Please save your blogger template before making any change in your blogger templates.

3.) Now click on the "Expand widgets template

4.) Press CTRL+F & find the ]]></b:skin> in the HTML.

5.) Now add the following code just above the ]]></b:skin>

Related post plugin widget for blogger
Related Post Plugin

 6.) Now find the </head> tag and add the following code just above it

7.) And now the final step. Search for the <data:post.body/>

If you not found the above, please make sure that you checked the "Expend Widget Templates"

After finding the <data:post.body/> . Now copy the below code and add it below the <data:post.body/>  and save the template.

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='transparent'><b:loop values='data:post.labels' var='label'><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; + + &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();

The above code is for 5 posts only. if your want to show more than 5 posts the you can change the max-results=5 to any number you like for example max-results=10 or any number of posts you want.

8.) Please note that you only able to see the related post only when you click on the individual post and related posts are not visible on the home page.

For checking go on the individual post not on your website home page.

Hope this post helps you and we request that leave your useful comments to improve us and also share this post to help others.

No comments:

Post a Comment