17 diciembre 2012

Entradas por etiquetas con imágen


Para tenerlo todo organizado y que nuestros lectores puedan encontrar con mayor facilidad los temas de su interés, es para lo que está diseñado este gadget.
Mostraremos las últimas entradas pero por etiquetas, de manera que podamos mostrar cada etiqueta con las miniaturas de dicho elemento.
Para poner en tu blog este gadget de últimas entradas por etiquetas realizaremos estos sencillos pasos:
1.- Entra en Diseño | Edición de HTML y antes de:]]></b:skin> pega lo siguiente:
img.label_thumb{
float:left;
margin-right:10px !important;
height:65px; /* Thumbnail height */
width:65px; /* Thumbnail width */
border: 1px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:0px;
border-bottom: 1px dotted #999999;
}
.label_with_thumbs li{
list-style: none ;
padding-left:0px !important;
}
.label_with_thumbs a { text-transform: uppercase;}
.label_with_thumbs strong {padding-left:0px; }

2.- Luego antes de </head> pega este script:
DESCARGAR

3.- Por último entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Nonbre de la etiqueta?published&alt=json-in-script&callback=labelthumbs"></script>
numposts = 3 : Cantidad de entradas a mostrar
showpostthumbnails = true: Mostrar imágenes en miniatura (true:si - false:no)
numchars = 100 :Cantidad de texto a mostrar
Nombre de la etiqueta : nombre de la etiqueta a mostrar



19 comentarios

Es una lastima que el código y otros trucos de este blog no funcionen

Perdonad, pero había un pequeño fallo en el código, ya está solucionado.
Saludos.

seguro? porque acabo de ponerlo y no sale, no funciona

Javidj, seguro que has copiado el código bien?. Acabo de realizar otra prueba y funciona correctamente.

Muchas gracias por compartir el código. Tengo un problema, solo me lista 25 post, a pesar de haber marcado como 1000 el número de post.
He copiado el codigo literal y lo he revisado, pero aun así solo lista 25 post, los 25 últimos. ¿Cómo lo puedo solucionar? Me gustaria listar todos los post con una determinada etiqueta.
¿Es posible listar por orden alfabético? Gracias de nuevo

No me parece muy recomendable colocar más de 25 entradas en una misma página, te podría ralentizar bastante el Blog.

Aún asi, 25 es lo máximo que Blogger nos permite en el data:label.url de la plantilla.
Tendrías que modificar esa parte de tu plantilla.

hola amigo excelente sitio web, nose si me podrias dar una mano, e seguido los pasos al pie de la letra y al rato de cargar la pagina se sale de la web y solo me muestra el gadget a que s e deberia eso te pongo la url de la pagina alterna de pruebas que utilizo ya que la pagina principal me paso lo mismo de ante mano muchas gracias

http://pruebaplantilladescargatelo.blogspot.com/

Diego no lo veo instalado y así es dificil que pueda ayudarte.

Si es verdad estaba haciendo pruebas ahora si ya lo e instalado y ya puedes verlo para que me digas que es lo que pasa gracias

Diego es debido a otro script que tienes en la plantilla similar al que lleva esta entrada.

Prueba con este, es más actual:
GENERADOR de ENTRADAS por ETIQUETAS

acabo de quitar el codigo anterior y ya agregue el gadget pero el problema persiste amigo y como otro dato esto me pasa con otros gadget referentes a mostrar entradas, como entradas al azar o por etiqueta entre otras

Diego entonces revisa los script de la plantilla... ve eliminando y comprobando.

Gracias amigo ya encontre el problema me volvia loco pero al final fue cuestion de una linea te agradesco mucho es una de las mejores paginas que visito constantemente muchas gracias

hola que tal de nuevo esta es solo para una consulta.. como se haria o que no mas tendria que modificar para mostrar solo las imagenes en el gadget asi como lo vi en esta pagina sin los titulos solo imagenes para ahorrar espacio

http://ddescargasfull.blogspot.mx/

Raúl el título lo muestra por defecto, habría que cambiar todo el script y ahora mismo estoy muy ocupado con el problema del Hosting donde alojo los archivos.

Saludos.

como haria si solo quiero la imagen o darle formato a las entradas que aparecerán ¿?

Omega la imágen sola no, el título siempre va en la descripción.
El formato se lo puedes dar en el CSS.
Ejemplo:
height:65px; es el alto de la imágen
width:65px; es el ancho de la imágen
Si te fijas en el código css descubrirás muchos apartados.

Luego en el script, observa que pone true y false en algunas partes, esto sirve para ocultar (false) o mostrar (true).
Espero que me hayas entendido.

Hola como estas?
me gustaria saber el codigo, pero que me ponga la toalidad de los post de una etiqueta... y que no tenga que estar cambiando el numero de post cada vez que agrego otra entrada con la misma etiqueta. Muchas gracias


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"