Adding Related Postal Service Widget To Blogger
With adding "Related Posts" at the cease of each together with every postal service inwards your spider web log is the best means to allow your readers rest on your spider web log for closed to extra menstruum of time...
In companionship to alter the position out of maximum related posts existence displayed for each label, search for the code below (within the code given inwards footstep 7) together with alter the position out "5" to whatever desired number.
I volition exhibit you lot how to add together these related posts
Steps for Adding:
- Go to Layout >Edit HTML inwards your Blogger Dashboard.
- Back upwards your existing Template earlier making whatever changes!
- Make certain to cheque the "Expand Widget Templates" box.
- Search for the <head/> tag.
- Add the next code simply earlier the <head/> tag.
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px 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 {
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("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") 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;
}
</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/> - Now search for <p><data:post.body/></p>. In closed to of the templates this code may hold off similar this
<div class='post-body>
or
<p><data:post.body/></p> - Add the next code simply beneath the code you lot simply searched for.
<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=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if> - Now Save your Template together with you're done!
max-results=5
0 Response to "Adding Related Postal Service Widget To Blogger"
Post a Comment