Posts Relacionados en Blogger
Incluir una lista con los enlaces más relevantes en nuestras entradas significa un aumento de páginas vistas, por lo que es una buena idea para que los usuarios visiten tus posts eficazmente.
Por defecto las plantillas clásicas de blogger no poseen esta función, tampoco las plantillas comunes, pero a pesar de no estar integrado, podemos añadirlo fácilmente
El resultado es el siguiente:
Primero debes ir a ''Diseño/Edición de HTML'', en donde deberás expandir los artilugios.
Después buscarás el código </head> y antes de éste, pegarás el siguiente:
El texto en color corresponde a la imagen que se mostrará como enumerador.
Ahora buscamos el siguiente código:
<div class='post-body> o <data:post.body/>
y debajo de este, deberás pegar el siguiente código:
Por defecto las plantillas clásicas de blogger no poseen esta función, tampoco las plantillas comunes, pero a pesar de no estar integrado, podemos añadirlo fácilmente
¿Cómo crear una sección de posts relacionados al final de cada entrada?
Primero debes ir a ''Diseño/Edición de HTML'', en donde deberás expandir los artilugios.
Después buscarás el código </head> y antes de éste, pegarás el siguiente:
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIg9mcSmh_nqmMak10FsHLNWddWX6eu8XmFZrV6NjCHbfNwMyRzh_CvU2UW38C0tvflROqFc_5lFMwDxqUw8jPXpX8c5naImcDH3CbTUuUlV3tX0tly9YqLIsPCACaqbcvqoagFq_X2qo/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts/postsrelacionadosblogger2.js' type='text/javascript'/>
El texto en color corresponde a la imagen que se mostrará como enumerador.
Ahora buscamos el siguiente código:
<div class='post-body> o <data:post.body/>
y debajo de este, deberás pegar el siguiente código:
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Posts Relacionados: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Nota:
- Para cambiar el número de posts relacionados, cambias max-results=5 por la cantidad que desees.
