Welcome Enjoy Tutorials

Liked us?

Showing posts with label related post with thumbnails. Show all posts
Showing posts with label related post with thumbnails. Show all posts

Wednesday, May 1, 2013

Related Posts with Thumbnails Blogger

related post

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
Enhanced by Zemanta

Botones Isometricos de Social Media




Barra Lateral Fija