Blogger Help
This is blog related to Technology. Here you will get tips and information about Blogs, Blogger Templates, Promotion of blogger, List of bloggers available in India.
Search Google
How to install You might also like this Widget for blogger or Related post widget?
How to instal You might also like this Widget for blogger or Related post widget?
- Login in to your Blogger Account.
- From Dashboard Click on Layout and the Click on Edit HTML.
- Then Check the "Expand Widget Templates".
- Find </head> .
- Then Before </head> Paste the following Code.
<!--Related Posts Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
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:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnA4ueyCKYkHFaHkr5HMDm2R7dnXw41aJMYmseCL16TFc7Bip6LfE4dYs56f-VoNZF01CAWeVzcVa42UDqe4VfTr_lrFYFxY8oXW9M8YGjzfa6gymXf2Z7QK_-_Rv9EXFldk3dGnW_Wg/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://best2know.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
</b:if>
<!--Related Posts End-->
- Now Find
<div class='post-footer-line post-footer-line-1'>. - Now immediately below that line add this code.
<!-- Related Posts Code Start--> <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> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <br/> </b:if> <!-- Related Posts Code End-->
Labels:
related posts,
widget
Subscribe to:
Posts (Atom)