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?

1. Login in to your Blogger Account.
2. From Dashboard Click on Layout and the Click on Edit HTML.
3. Then Check the "Expand Widget Templates".
4. Find </head> .
5. Then Before  </head> Paste the following Code.

<!--Related Posts Start-->
<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 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: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-->

1. Now Find
   <div class='post-footer-line post-footer-line-1'>.
2. 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&amp;callback=related_results_labels_thumbs&amp;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-->

People who read this post also read :