How to Add Related Posts Below Every Post on Blogger

The related post help in the increase of blog visitors and make sure your visitors are satisfy with the content related to any post that is being published on your blogger blog.
This wonderful related post is very easy for viewers to click see and also it cn be displayed on any device and it doesn’t reduce your blog speed.

Step 1
First you need to visit your blogger dashboard and then select your preferred blog which you will like to work on.

Step 2
After clicking on the blog then move your mouse down to the “Template “ tab and click on it >>>> “Edit HTML”.

>Do You Want To Receive Update As Soon As We Publish? join our Telegram Channel stay updated with the latest headlines--CLICK HERE

Step 3
Click on any part of the HTML and then press CTRL+F on your keyboard and the search for the below code


Step 4
Now your will have to paste this code after the <head/> tag

#related-posts {
float : left;
width : 540px;
margin-left : 5px;
font : 11px Verdana;
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
#related-posts a:hover {
color : #054474;
text-decoration : none;
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
#related-posts ul li {
display : block;
background : url(&quot;//;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
<script src=’//’ type=’text/javascript’/><!–zealmatblog-Related-Posts-Stops–>

Step 5
Now press CTRL+F on your keyboard and the search for the below code again


Step 6
After the above line paste this code

READ ALSO  How to Center the Blogger Header Image

<!–ZEALMATBLOG-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=’#FFFFFF’><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(); </script></div></b:if><!–ZEALMATBLOG–RELATED-POSTS-STOPS–> 

=>>If you have implemented the automatic read more to your template then search for it if the below code

<p class=’post-footer-line post-footer-line-1′>


<div class=’post-footer-line post-footer-line-1′>


<div class=’footer’>  

You can increase the number of related post below by changing this figure below


Step 7
Finally save your template an click on the preview button above.

Lastly always remember to include post lebel on every post before publishing because with this lebel your related topics won’t display.

banner ad * TEXT ADS**
◊Cure and Knock Staphylococcus & Other Infectious Diseases out from your Body within 3 weeks --CLICK HERE

◊Order Ultimate Virtual Soccer Hacks and Secretes to Win 100k Daily --CLICK HERE

◊Register Your Business Name With CAC and Get it in less than 2 weeks--CLICK HERE

◊Join our Community and interact with fellow members>> Click here to join


◊Grab Ultimate List of Over 100+ Companies That Pays You Up To $2500 To Blog and Post Online ( #3000 Only))- CLICK HERE

◊Get All Recruitment Jobs Past Questions and Answers--CLICK HERE


Please enter your comment!
Please enter your name here