Related Posts with Thumbnails Blogger

Some time ago, I wrote a post on how to add a related post by LinkWithin, pretty good service and very popular based on a widget.On this occasion an alternative show quite reliable by adding to the template Related Post with Thumbnails in just simple steps.

 How to add This to Blogger?First, go to Design | Edit HTML.

 Look for the following code:
  
</ Head> 

Above this, we will paste the following code:

 cond='data:blog.pageType <b:if "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'>varvar maxResults = 5;var splittercolor = "# d4eaf2";relatedpoststitle var = "Related Posts";</ Script><Script type = 'text / javascript' /></ B: if>

Now find the following line: 

<div class='post-footer-line post-footer-line-1'>

If you do not find, looking for this one:
 
class='post-footer-line <p post-footer-line-1'>

 Below this, paste the following code:

 cond='data:blog.pageType <b:if "item"'> ==<div id='related-posts'>values='data:post.labels' <b:loop var='label'>!= cond='data:label.isLast <b:if "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'/></ B: if>


 If you want to change the number of entries to be displayed replaces the number in the following area:
 
max-results = 6 

If you want to replace the image that appears when an entry does not contain any, replaces the following URL for the desired:

 http://2.bp.blogspot.com/-R285B_Pf0q4/TbXKNLTdA8I/AAAAAAAAAzk/9cKeL67QAzc/s1600/sinimagen.jpg