For Adding Related Posts Text Version Widget To Blogger You Have To Follow the Below simple and Easy Steps.
- Go To Blogger.com
- Now Go To Blogger Dashboard.
- Then Click On Template
- After That Click On EDIT HTML.
- Check The Box “Expand Widget Templates”
- Now Search For This Code </head> Tag ( By Pressing CTRL+F a Box will Pop-up at the Top Right and Then Paste </head> Tag there and hit search.)
- Now Copy The Below Script/Code and Paste it Below/under </head> tag.
<!–Related Posts Scripts and Styles Start–>
<!–Remove–><b:if cond=’data:blog.pageType == "item"’>
<style type=’text/css’>
#related-posts {
background: #ffffff;
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
background: #ffffff;
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
background: #ffffff;
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#383838;
}
#related-posts a:hover{
color:green;
}
#related-posts ul{
list-style-type:none;
background: #ffffff;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:#ffffff url(http://littletikeschildcare.files.wordpress.com/2008/03/apple20x20.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type=’text/javascript’>
var relatedpoststitle="Related Posts";
</script>
<script src=’http://helplogger.googlecode.com/svn/trunk/related_posts.js’ type=’text/javascript’/>
<!–Remove–></b:if>
<!–Related Posts Scripts and Styles End–>
- After This Step You have To Find This Code/Script <div class=’post-footer-line post-footer-line-1′>
- Now Copy The Below Code/Script and Paste it After The Above Found Tag . (<div class=’Post-footer-line post-footer-line-1′>)
<!– Related Posts Code Start–>
<!–Remove–>
<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <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=6"’ type=’text/javascript’/></b:if></b:loop>
<script type=’text/javascript’> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> <!–Remove–></b:if> <!– Related Posts Code End–>
~ Note :- You Can Change The Maximum No Of Result Posts just By Changing The Value of Maxresult=5 to maxresults=10 or something else value.
Now Just Hit Save Template and You Are Done