/* ANUNCIO4 */

Entradas relacionadas con imagen (Personalizado)

Este es un truco que aparecerá al final de cada entrada, es muy útil para que nuestros visitantes vean más entradas del blog en caso de que les interese, funciona con las etiquetas de las entradas, por lo que tendrás que tener unas etiquetas bien definidas, como en este blog.

Para agregar este truco ve a  Diseño-> Edición de HTML-> click en la casilla de Expandir plantilla de artilugios-> y busca (Ctrl+F) </head> arriba de el pega el código siguiente:
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remover --><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="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; var maxresults=6; var splittercolor="#d4eaf2"; var relatedpoststitle="Entradas Relacionadas"; </script> <script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/> <!-- remover --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
Modificaciones: 
Puedes hacer pequeñas modificaciones, las cuales están marcadas en azul.
  • La primera linea marcada es la Url de la imagen que se mostrara en caso de que la entrada no la tenga. Puedes cambiarla por otra imagen de 72 x 72 pixeles.
  • En var maxresults=6; el numero 6 señala las entradas relacionadas que se mostrarán, puedes cambiarla por un numero menor o mayor, dependiendo de tu plantilla. 
  • En var relatedpoststitle="Entradas Relacionadas"; puedes cambiar el titulo que se muestra remplazando Entradas Relacionadas (Sin quitar las comillas).
Ahora busca (Ctrl+F):
<div class='post-footer-line post-footer-line-1'>   ó este otro
<div class='post-footer-line post-footer-line-1'/>
 Si no lo encuentras busca estos:
<p class='post-footer-line post-footer-line-1'>   ó este otro
<p class='post-footer-line post-footer-line-1'/>
Y abajo del codigo pega esto:
<!-- Related Posts with Thumbnails Code Start-->
<!-- remover --><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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remover --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
Guardar cambios y listo!

2 comentarios:

ahora si me funciono antes del div class='post-footer-line post-footer-line-1' se pega no Debajo xd. Pero gracias me sirvio de mucho.

Publicar un comentario