Como poner- artículos relacionados con imagen miniatura


Como poner artículos relacionados con imagen miniatura en blogger- Hola , este post , artículo o entrada lo hago porque un amigo mio me pregunto al ver en mi blog que como hice para que al final de cada entrada salieran los artículos relacionados con imagen miniatura como en la fotografía , y esto es muy facil asi que lo intentare explicar de la manera mas facil posible .
Para comenzar- Vamos a plantilla>html>expandir artilugios en blogger , Con Control + F saldra un cuadrito de busqueda , ahi escriben :

</head> 


Ya que les aparesca el resultado de la búsqueda justo por encima escriben el siguiente código:
<!--Related Posts with thumbnails Scripts and Styles 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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/></b:if><!--Related Posts with thumbnails Scripts and Styles End-->


Despues buscamos cualquiera de las siguientes 2 (igual con Control + F
<div class='post-footer-line post-footer-line-1'>

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

y Justo debajo de ellas ponemos el siguiente código:


<!-- Related Posts with Thumbnails Code Start--><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5var relatedpoststitle="Artículos relacionadas";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- Related Posts with Thumbnails Code End-->
Listo ya tendremos Artículos relacionados en nuestro blog! 

3 comentarios: