21 mayo 2013

Generador de últimas entradas por etiquetas

generador etiquetas
En Blogger podemos encontrar varios gadget para colocar en nuestros blog tales como, entradas recientes o entradas populares, pero no nos proporciona una opción para mostrar las últimas entradas de una etiqueta o categoría en particular.
Así que en esta entrada, voy a mostraros  la forma de colocar las últimas entradas con o sin  miniaturas.


El generador ha dejado de funcionar pero lo vamos a instalar de otra forma.
1. Ir a Blogger, luego da un clic en Diseño
2. Seleciona un  widget-HTML/Javascript y pega el siguiente código en su interior.

 menú todo en uno para Blogger

<style type="text/css">
/*<![CDATA[*/
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}
.label_with_thumbs a{color:#7C7C7C;font-size:10pt;outline:0;text-decoration:none}
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#BFBDBD}.credits,.credits a{font-size:10px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
#mdjumplink{font-weight:600;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px 0;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:10px;font-weight:bold;text-decoration:none!important}
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}
#mdjumplink a:hover{color:#888!important;text-decoration:none}
#mdcomments{padding:2px 10px;background:#646464;color:#FFFFFF!important;font-size:10px;font-weight:800}
#mdcomments:hover{background:#CAC8C8;text-decoration:none}
/*]]>*/
</style>
<script type='text/javascript'>
//<![CDATA[
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum =false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
//]]>
</script>
<script type="text/javascript" src="https://2cd2e6bd6df053a80ac331ad9c3223fc430652d4.googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/postrecient.js"></script>
<script type="text/javascript" src="URL DE TU BLOG/feeds/posts/default/-/NOMBRE ETIQUETA?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Personalización:

1.- Reemplace todo lo requerido

31 comentarios

Estimado,

Podría haber un posibilidad de sacar los créditos que dicen ''Amor Sevillista'' porque lo necesito para mi web y eso le quita un poco de profesionalismo a mi sitio.


Saludos

www.runnerschile.net

Antonio el generador esta muy chulo, pero me saca las entradas desordenadas.

Es decir no van por ultimas entradas, sino que las muestra un tanto al voleo, esto a que puede deberse??

Weed l, déjame url donde poder ver el resultado.

Antonio,

Gracias, pero despues de muchos intentos desisti y tome otro gadget que tenias por aquí. Y la verdad ya no le voy a dar más vueltas, que me costo lo suyo jajaja... pero gracias...Lo unico fue la rabia de dedicarme una semana a personalizarlo, con mucho esfuerzo, y luego que no funcionara bien, pero any way...=)

Lo que si te agradecería, es si te fijas en mi blog, en el body, ves dos gadgets de categorias, el de la derecha lo saque de tú blog y lo personalice un poco para ajustarlo a mi diseño (solo css), lo único que no logre es, resaltar la fecha de los post, bien sea con un background o poniendole negritas o color.... le di mil vueltas pero no fui capaz, toma en cuenta que no se programar, utilizo google, paciencia, y pruebas y error...=)

me indicas donde/como &/¿?=)/&% coloco el background, para que se resalte la fecha solamente??? =) Te lo agradeceria infinitamente, que me he dejado como 4 dioptrias intentandolo...jajaj

saludos y gracias....


Perdona, se me olvido dejarte la url de mi blog...

http://futbolbarsayotrashistorias.blogspot.com/

Antonio, no para meterte prisa ehhh!! =)

Pero cuando tengas un tiempito, si puedes indicarme loq ue te he preguntado...

Aunque sea, decirme que no tienes idea, para buscarme la vida por otro lado...jajaja

saludos che

Weed, perdona pero no había visto tu comentario.
He estado mirando por encima y haber si esto te puede valer.
1.- Guarda plantilla (por si sale mal)
2.- Busca en la plantilla este código: <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
3.- He comprobado que tienes instalado el script de ciudad blogger (calendario fecha), pués eliminas el código anterior y coloca este:
<div id='Fecha'>
<script>cambiarFecha('<data:post.dateHeader/>');</script>
</div>
<b:else/>
<div id='Fecha'>
<script>cambiarFecha('');</script>
</div>

Espero que te sea útil esta información.

Hola Antonio, Gracias por tú tiempo y tú respuesta.

desafortunadamente, el codigo que me indicas no produce ningún cambio, por lo menos aparente. La fecha de los minipost sigue inalterada...=(

Reconozco que soy profano e igual me paso de listo. Pero creo entender que para que se resalte la fecha en los Mini-post resumidos, debería "afectarse" el gadget en particular. Pero claro tú eres el que sabe de esto jajaja, solo es que igual no me explique bien con lo que queria.

El gadget en cuestión es este : http://www.amorsevillista.com/2012/12/entradas-por-etiquetas-con-imagen.html

Si tienes tiempo, te lo agradeceria, y disculpa el coñazo.. =)

saludos

Weedl, ahora he comprendido bién lo que me explicas.
Veamos, he tenido que modificar el script un poco, así que elimina el anterior y coloca este en su lugar Ver Script

Ahora te vas al css y coloca esto para dar estilo a la fecha:
.showpostdate{font-weight: bold;color: red;}

Antonio.

Un millón de gracias Crack, y perdón por el trabajo extra de modificar el scrip, por lo menos atine a modificar el orden de la fecha yo solito jajaja...=) (reconozco que soy una pesado con los detalles, pero intento solucionarlos yo)

Buah ya esta quedando todo cuasi perfecto, de verdad muchisimas gracias... se agradece de verdad, la velocidad de respuesta y la atención.

un saludo

Buenas tardes he colocado este script fal principio funciono de maravilla pero el dia despues vi que el titulo del gadget esta muy grande y no como los otros titulos de los otros gadget me podria indicar el por que cambio el tamaño del titulo de este gadget

Jesús, el título no tiene nada que ver en el código del gadget, es como si quieres dejarlo sin título.
Este script no modifica el sidebar h2 de tu blog.

si estoy extrañado ya que si mira al final del blog http://sisoyunhijosdedios.blogspot.com/ en donde lo coloque el titulo es grande relativamente a los otros dos

Muchas gracias por este gadget, lo use en mi web y queda genial, aunque los textos del sumario no me salen a pesar de marcarlos. Pero gracias igualmente

Dime cual es el blog donde lo tienes instalados y le echo una miradita.

amigo parece que el gadget no esta funcionando a ver si lo puedes solucionar

Legsky, correcto el generador no funcionaba, lo he actualizado de otra forma.
Gracias.

Hola amigo, ojala puedas leer este comentario y me puedas ayudar, para entender lo que necesito mira Mi Blog. El slide de imagenes (el primero que sale) es con un tag, yo quiero que ahi salgan las entradas recientes. Como le hago? -

Luisa el slider está preparado solo para mostrar etiquetas, para mostrar las entradas recientes habría que modificar bastantes cosas del script.
Lo que si puedes cambiar es la etqueta a mostrar en la parte tagName:"turismo" y te aparece creo que 3 veces, una para el principal, otra para las laterales y otra para el slider de abajo.

Me encantan tus post's, yo uso algunos de ellos en mis blog's.
Quisiera saber sí tienes algún post en el que enseñes a poner un menú parecido al que tienes ahora en la parte de arriba de tu sitio, en donde tienes la barra de búsqueda, tu logo, y la parte donde se miran las notificaciones del sitio, también tienes esa pequeña barra dock para que puedan seguirte los usuarios, a esa barra me refiero, Tienes algún post al respecto? c:

Muchísimos saludos amigo, y de verdad muchas gracias por compartir tu conocimiento.

Uróboros, hay dos entradas relacionadas con tu comentario:
Barra: Aquí
Iconos:Aquí

Excelente :D Muchísimas gracias por responder el mensaje. Hace meses que deseo tener una barra así, pero en realidad no se ni como se llama así que no me aparecía en google. Ahora mismo entro a ver las entradas :D

Saludos amigo.

y si la etiqueta tiene dos palabras como se pone

separandola con %20 (ejemplo: trucos%20blog )

Hola amigo, muy interesante su blog. Serías tan amable de facilitarme el código para insertar el gadget que tienes en tu blog? El cual tiene estas etiquetas: Multimedia, + Visto, Novedades. Me impactó por su sencillez y ahorro de espacio. profe698@gmail.com Saludos

Juan, el código que me pides está en este ENLACE .
Si tienes un poco de idea de CSS, puedes modificarlo a tu gusto.
Saludos.

Gracias amigo por su buena vibra, sin embargo, me aparece una página de error 404 y no el código. Estaré pendiente de sus publicaciones. Saludos

Perdón Juan, desde el móvil me ha salido mal, esta es la dirección del enlace: http://www.amorsevillista.com/2012/12/pestanas-en-blogger.html



Muchas gracias por el post!! Era justo lo que estaba buscando. Sin embargo, tengo problemas para instalarlo y no se qué puedo estar haciendo mal. En vez de salirme el texto del post como resumen, me sale lo siguiente:
"Normal 0 21 false false false ES X-NONE X-NONE ..."
Podrías decirme cómo solucionarlo? Te lo agradecería muchísimo! Te dejo el link del blog por si te sirve de ayuda:
http://probandosofia.blogspot.com.es/
Muchas gracias de antemano!

Pedro he probado con varios códigos y todos me reproducen el mismo error tuyo, no estoy muy seguro pero debe ser algún script que interfiere.
Prueba en la misma plantilla pero con una de pruebas, haber que tal.
Saludos.

Disculpe, pero como puedo quitar los créditos que dicen ''Amor Sevillista''.


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"