Añadir el gadget de entradas relacionadas con miniaturas a Blogger es muy sencillo y configurable, lo puedes hacer en dos simples pasos:
1)
En diseño >> Edición HTML selecciona la casilla "Expandir plantillas de artilugios" y pega el siguiente código justo antes de </head>2)
Ahora búsca la siguiente línea: <div class='post-footer-line post-footer-line-1'> y pega justo debajo el siguiente código y guarda los cambios (si no está prueba con esta otra: <p class='post-footer-line post-footer-line-1'>):<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Entradas relacionadas";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Para no recargar la portada del blog las entrdas relacionadas se ven sólo en las entradas individuales.
Notas:
* Si quieres cambiar el número de post relacionados busca la siguiente línea en el código: var maxresults=5 y remplaza 5 por el número de entradas que quieres mostrar.
* Puedes modificar en donde dice var relatedpoststitle="Entradas relacionadas";/ cambiando "Entradas relacionadas" por el texto que tu quieras.
* Tienes que tener etiquetas en tus entradas para que el gadget funcione.
* El código JavaScript que hace que el gadget funcione es el siguiente, si quieres respaldarlo o subirlo a tu host lo puedes descargar desde aquí.
Actualización:
25/7/11: Modificación del código para hacerlo compatible con más plantillas de Blogger. Si ya has probado el código y no te ha dado resultado te recomiento que lo intentes ahora con los nuevos cambios.
22 comentarios:
Me encanto .Muchas gracias la verdad pense que no me irian a contestar pero veo que les di idea para un nuevo post.
Saludos.
me gustaria que siguieras mi blgo, saco muchas cosas de aqui y me gustaria qe lo siguieras HEHE
http://seriesdedisneychannel.blogspot.com
Hola, ante todo mis saludos y decirle que soy una fiel seguidora de este sitio. Desde hace mucho tiempo he querido colocar este gatget, hoy lo intenté pero me da un error, y lo deseo tanto. Un abrazo.
Código actualizado, a los que lo han utilizado y no les ha funcionado prueben nuevamente con las nuevas modificaciones.
¡muy útil! GRACIAS POR TODAS LAS IDEAS.
Saludos.
hOLA!!!
SOLO T KERIA PREGUNTAR UNA COSA:
no tiene relacion cn esto:
como poner la barra de menu, en el blog? ami no me funcciona... :( .
Es esa ke tu tienes, esa ke dice, INICIO, INDICE, PUBLICIDAD, CONTACTO, COVERTIR HTML A TEXTO, PCZ. Necesito tu ayuda, porque estoy haciendo un blog de desings y no puedo. ahh!, y tambien otra cosa: como pones los codigos en una barra aparte, en ves de escribirla por texto???. RESPONDE PORRFA X(
ola buen blog.
te queria preguntar una cosa:
podriamos hacer intercambio de enlaces??
Llevo dos noches intentando poner esto en mi blog y no hay manera posible, cuando lo hago voy a vista previa para ver si guarda los cambios y me sale tosda la pantalla en blanco, sólo aparece en la lateral izquierdo las palabras "vista previa" lo demás en blanco y ya no sé que hacerrrrrr!!!! Me echas un cabre porfi????
ola sabes no puedo colocarlo en mi blogger, aqui te dejo mi blogger
http://tudescargapeli.blogspot.com
por que me pasa esto
pues a mi si me funciono! muchas gracias lo he implementado en Mi blog: http://www.el-indie.blogspot.com/ solo quisiera decir que chequen las entradas de forma individual pues no sale en el index regular
A mi el primer dia que lo añadí me funcionaba perfectamente pero despues de unos días ya no me aparece! Y el código está tal cual.. ¿Sabéis que puede pasar? Mi blog es: http://fieltrezitos.blogspot.com
Oye, una cosa, ¿cómo pongo en el javascript el texto en blanco? Por que con el primer código si he podido poner el texto en blanco, pero en el segundo texto no. Espero tu respuesta. Saludos. Por si alguien le quiere hechar un vistazo: http://landinote.blogspot.com
Aaaaaaaaaaaaaaaaaaaaaaaaaa por finnn!!! muchas gracias!!!
Mira! que tal me quedo jeje
http://vainasbook.blogspot.com/
Muchos exitos!
Hola! no emtiendo muy bien donde tengo que poner ese codigo ya que entro en diseño pero no se donde esta el cógigo html y la parte de expandir plantillas de artilugios, me podrias ayudar? gracias.
www.cuentamecris.blogspot.com
cristinamc1492@hotmail.com
Hola, te escribo para saber si puedo modificar el tamaño de las imágenes ya que en mi Blog las imágenes se ven feas con este Script.
Te felicito por el Blog.
El mio lo dejo para que veas las imagenes lo fea que quedan.
http://dd-cybernauticos.blogspot.com/
Saludos.
hola...me gusta mucho tu blog y muchas cosas las he puesto en el mio,pero este truco no me funciona..me podrias ayudar?? he puesto los codigos como has dicho y nada....mi blog es el siguiente:http://r-creacionesfieltros.blogspot.com/
gracias
He intentado incluir en mi blog este gadjet, pero soy incapaz.
Me puedes dar alguna indicación más?
Mi blog es www.ruidodecacerolas.com
Gracias
A mi tampoco me funciono ni con este ni con el linkwithin no se si deba a que exporte las entradas de mi antiguo blog y las publique todas en un mismo dia espero puedas ayudarme
te dejo el link de mi blog
httt://vcs-movies.blogspot.com
Hola,
he puesto el código y no al parecer no funciona en mi blog:http://silenciopensamientoyvoz.blogspot.com/ (tampoco encuentro la "actualizacion" mencionada: 25/7/11.
Podrías ayudarme?
Anteriormente tenía linkwithin y me funcionaba perfecto, antes de cambiar el nombre del blog (con lo cual se modificó la URL)... cuando activo mi cuenta de linkwithin por el ID unico, me aparecen las imagenes, pero no enlazan a la dirección actual.
Te agradezco y espero tu respuesta
Alef
Gracias mi amigo.. lo estaba buscando y en los otros sitios no funcionaba... sos el mejor!!!
Hola, te quisiera preguntar como hacer para que NO considere una determinada etiqueta, por ej tengo una Etiqueta NOTICIAS y dentro de ella POLICIALES, ECONOMÍA,ETC. entonces que NO me considere la etiqueta NOTICIAS y busque las relacionadas dentro de las demas
Muchas Gracias
gracias lo voy a probar en mi blog haber que tal queda.
Publicar un comentario en la entrada