How to Add Blogger Related Links to Below Blog Posts

In this tutorial im gonna explain, how to add together blogger related link listing below posts.So, this is the exact ane of bloggertrix.com related post. By using this trick,It helps to choke on your readers inward your website likewise long.It to a greater extent than of import for increase pageviews as well as SEO equally well.Few months agone i posted virtually Thumbnail View With Related Post For blogger. So, those who are non interested inward links style, you lot tin become for thumbnail effect.

Every steps are explained well.If you lot bring a problem, but comment below.And im non gonna brand novel testify for this tutorial similar i do.You tin instruct a demo, goal of this article.happy blogging. 🙂

 how to add together blogger related link listing below posts How to Add Blogger Related Links to Below Blog Posts

Some of fashionable navigation bars.
           How to add together related ship service widget for blogger
           How to add together related ship service amongst thumbnail to blogger
           Thumbnail Related Post With Comment Hover For Blogger

How to Add Blogger Related Links to Below Blog Posts

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find  ]]></b:skin>   and add together below code just below it

/* The CSS Code for the card starts hither bloggertrix.com
<!–Related Posts Scripts as well as Styles Start–>
<!–Remove–><b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style type=’text/css’>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{color:#0c0080;}
#related-posts a:hover{color:#0ab0fd;}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:12px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(http://2.bp.blogspot.com/-UVlXyACkv7M/UnUKSK0ukKI/AAAAAAAAII8/p2rqJsqALPY/s1600/btrix_arrow-icon.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;
height: 20px;
margin-top: -5px;}

  #related-posts ul li:hover{
background:transparent url(http://3.bp.blogspot.com/-NAO09SokCWQ/UnUKRvRaq4I/AAAAAAAAII4/nCedIRskH-k/s1600/btrix_arrow-icon2.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}</style>

5. Again  Find  <div class=’post-footer-line post-footer-line-3′>  and add together below code just below it

<!– Bloggertrix Related Posts Code Start–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’related-posts’>
<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; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;’ type=’text/javascript’/></b:if></b:loop>
<script type=’text/javascript’>
var maxresults=10;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>
<!– Related Posts Code End–>

You tin alter maxresult equally your similar ( how many related posts request to visible)

8. Now relieve your Template.

You are done. If you lot bring whatever work related to  How to Add Blogger Related Links to Below Blog Posts. Just piece of work out a comment.I volition assistance to you.

 how to add together blogger related link listing below posts How to Add Blogger Related Links to Below Blog PostsAuthor Bio: Sohan Jayasinghe is the possessor as well as writer of Bloggertrix.com .He has been blogging since 2009 as well as writing Blogger trix since 2010.If you lot desire to contact him, Just piece of work out a message via contact us page.


Sumber http://www.bloggertrix.com/