How to Add Related Post link to your blog (Blogger)

How to add Simple Related post link to your blog.

Related Post link increase number of your page loading.If someone interest in your link ,he or she visit that page.In this way we can increase our page loading.
In this post we discuss about a simple Related Post Link for blogspot blogs.
1.Goto Design—->Edit HTML
2.Find </head&gt; tag
3.Place this code above “</head>
<style>#related-posts {float:left; width : 475px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 14px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png”) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #333; } </style>
<script src=’http://chocodot.googlecode.com/files/related_posts.js’ type=’text/javascript’/>
4.Find “<div class=’post-footer-line post-footer-line-1′>” or “<data:post.body/>
Then place this code below “<div class=’post-footer-line post-footer-line-1′>” or “<data:post.body/>”
code:
<b:if cond=’data:blog.pageType == “item”‘>
<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’><data:label.name/><b:if cond=’data:label.isLast != “true”‘>,</b:if><b:if cond=’data:blog.pageType == “item”‘>
<script expr:src='”/feeds/posts/default/-/” + data:label.name + “?alt=json-in-script&callback=related_results_labels&max-results=9″‘ type=’text/javascript’/></b:if></b:loop> </font>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
Explanations:
max-results=9
Max-result:Number of link you want to show
block; background : url(“http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png“)
http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png
Change this url with your logo url.For this ,just upload a image to your blog.After uploading select that image.Click on right mouse button and copy the “link location
Example:
1.

<style>#related-posts {float:left; width : 475px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 14px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png“) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #333; } </style>
<script src=’http://chocodot.googlecode.com/files/related_posts.js’ type=’text/javascript’/>
</head>


2.
<div class=’post-footer-line post-footer-line-1′>
<b:if cond=’data:blog.pageType == “item”‘>
<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’><data:label.name/><b:if cond=’data:label.isLast != “true”‘>,</b:if><b:if cond=’data:blog.pageType == “item”‘>
<script expr:src='”/feeds/posts/default/-/” + data:label.name + “?alt=json-in-script&callback=related_results_labels&max-results=9″‘ type=’text/javascript’/></b:if></b:loop> </font>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Have any problem.Then comment your problems.