Últimas entradas por categorías con imagen en miniatura

25 de mayo de 2011 502 comentarios ,
Algunas veces queremos tener todo muy organizado para que nuestros lectores puedan encontrar con mayor facilidad los temas de su interés, y es ahí cuando en lugar de poner un gadget con las últimas entradas queremos poner sí las últimas entradas pero por categorías, de manera que puedas mostrar las últimas entradas por cada etiqueta que quieras y además mostrar la miniatura de dicho elemento.




Para poner en tu blog este gadget de últimas entradas por categorías realizaremos estos sencillos pasos:
1.- Entra en Diseño | Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
/* Últimas entradas por categorías
--------------------------------- */
img.label_thumb{
float:left;
border:1px solid #8f8f8f; /* Borde de las miniaturas */
margin-right:10px !important;
height:55px; /* Alto de las miniaturas */
width:55px; /* Ancho de las miniaturas */
}
.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:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {padding-left:0px;}
2.- Luego antes de </head> pega este script:
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSinOQlSUggPH_qWOT0ScGpE1M4hy1SE8pGmdWjGczyRiGsrLh3viHkx5I_Z0PZwsQEUA4fDsVVxDqg411A9APnygGnw6M7RwZRjvtM0rRbH3BF_2eM9_NRWJ4Eu034yI6J0I6HD0mYg/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Ene";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Abr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Ago";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dic";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Más »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

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/-/Nombre-de-la-etiqueta?published&alt=json-in-script&callback=labelthumbs"></script>
En donde dice Nombre-de-la-etiqueta va el nombre de la etiqueta que quieres mostrar, tal como es, respetando mayúsculas y minúsculas. En el caso que la etiqueta contenga espacios o acentos lo mejor es que ingreses a la etiqueta y te fijes en la URL que aparece en la barra de direcciones del navegador, al final de la URL vendrá el nombre de la etiqueta tal como debe ponerse, por ejemplo, si tuviera espacios se vería así:
http://Nombre-de-mi-blog.blogspot.com/search/label/Nombre%20etiqueta

También dentro de éste último código hay unas áreas que podemos personalizar, true significa que lo mostrará y false que no lo mostrará.
var numposts ← Número de entradas a mostrar
var showpostthumbnails Mostrar o no las miniaturas
var displaymore Mostrar o no el enlace para leer más
var displayseparator Mostrar o no un separador
var showcommentnum Mostrar o no el número de comentarios
var showpostdate Mostrar o no la fecha de las entradas
var showpostsummary Mostrar o no el resumen de las entradas
var numchars Número de caracteres en los resúmenes

Y en el segundo código hay una URL en color naranja, esa es la imagen que se mostrará cuando la entrada no contenga ninguna imagen, puedes cambiarla por otra imagen si lo deseas.

Recuerda que el gadget muestra las ultimas entradas de una etiqueta en particular, por lo tanto, si quieres mostrar las últimas entradas de otras etiquetas entonces sólo tienes que repetir el paso #3 por cada categoría adicional que quieras agregar.


502 comentarios en:

" Últimas entradas por categorías con imagen en miniatura "

  1. Muy bueno potro me encanto tu blog

    ResponderEliminar
  2. Amigo Muy bueno eres explicando. Pero por ahora, no lo necesito.

    Como sea, eres uno de los mejores, y das información buena. No información que no valga la pena

    ResponderEliminar
  3. Hooo... Exeente!!! lo voy a provar en mi blog a ver como queda!!!

    ResponderEliminar
  4. Qué buenísimo gadget, me parece genial!! Tengo una duda: ¿se puede cambiar el color de la fila de arriba, donde pones "rock", o sea, la categoría de la etiqueta??? Y éste gadget, ¿cuántas últimas entradas por categoría muestra, 3? Gracias, Potro!

    ResponderEliminar
  5. Juvinao, gracias!

    Abraham Santos, ahí estará la info para cuando la necesites ;)

    Alcion, que todo salga bien!

    No sin MyMakeUp, el título no es por el gadget sino es el tipo de estilos que tenga cada plantilla, eso ya depende de cada plantilla. En cuando al número de entradas sí, son 3 pero se puede configurar ese valor donde indica.

    ResponderEliminar
  6. Wow! Potro esta muy bueno el articulo, Felicitaciones por llenarnos de Truquillos!

    ResponderEliminar
  7. Excelente ahora con tus ultimos tutoriales no tendre para que estar preguntandote siempre las mismas cosas sobre todo con esta!!!

    mil gracias potro ;)

    ResponderEliminar
  8. o muchas gracias estuve buscado esto por un largo tiempo saludos

    ResponderEliminar
  9. potro un saludo y wenas!!!!!
    te queria decir que no me funciono ni un poco aver si saber porque T_T

    http://gmfansub.blogspot.com/

    ResponderEliminar
  10. Tenía un error el código que va antes de </head> ya está corregido, sólo hay que copiar y pegar de nuevo ese código.

    ResponderEliminar
  11. disculpa las molestian sigue sin funcionar sera mi template???

    http://gmfansub.blogspot.com/

    ResponderEliminar
  12. pasa algo si tengo puesto el codigo de magazine con primera entrada en grande?

    ResponderEliminar
  13. http://WwW.DistritoUrbano.NeT , no, pero debes ponerlo en un blog donde tengas varias entradas, sino obviamente no encontrará contenido qué mostrar.

    pos_ch, no, no debería pasar nada con el tipo de plantilla que tengas ;)

    EzequielCafre, Dadydu, lo eliminé sin querer al actualizar el código, ahora mismo lo agrego de nuevo.

    ResponderEliminar
  14. Hola. Sr. Potro

    Tengo un serio problema con mi blog, desde hace aproximadamente una semana Blogger no me deja acceder a él, tampoco a la Web de blogger, introduzco mi correo y contraseña y dice que no existo, introduzco la UR de mi blog y dice que no existe, tampoco puedo hacer comentarios en otros blogs, cuando abro la ventana de comentarios sale una imagen de blogger con las casillas con mi correo electrónico y la de contraseña con error.

    Intuyo que tiene algo que ver con Google, y con la actualización que Windows de mi PC hizo de internet explorer 9, ya que después de darle muchas vueltas durante estos días, he utilizado otros navegadores y puedo acceder a él, (No siempre con el mismo éxito).

    Alguien que te lee me ha recomendado que te cuente mi problema, (Suena raro lo se...jajaja...parece la pregunta a un consultorio...jajaja...) pero me ha dicho que eres un encanto y que seguro me sirves de mucha ayuda.

    ¿Crees que mis sospechas son ciertas, o que he metido la pata en algo que he hecho en el blog? Hace 4 años que lo tengo y nunca había tenido problemas
    .
    Gracias de ante mano, como mínimo me he desahogado...jajaja...

    Un beso

    http://petitapetitesa-petiteses.blogspot.com/

    ResponderEliminar
  15. El Potro no, pero debes ponerlo en un blog donde tengas varias entradas, sino obviamente no encontrará contenido qué mostrar.


    si pero puse la etiquetas de mi pagina de www.distritourbano.net el blog solo es para pruebas

    ResponderEliminar
  16. Como te he comentado veces tengo muchas etiquetas, se podria poner estos gadgets entre en titulo y la columna de los posts?

    ResponderEliminar
  17. Hola Angeles,

    Muchas gracias por la confianza que has tenido en platicarme el problema, aunque hay muchas tantas cosas que sólo están en manos de Google poder resolverlas, una de ellas parece ser esta misma que comentas.

    Justo ayer Blogger anunció que había reportes de usuarios que tenían problemas para acceder a su blog y para realizar comentarios:

    http://knownissues.blogspot.com/2011/05/were-investigating-issue-which-is.html

    Por lo que dicen ahí tal parece que están trabajando en ello aunque desde ayer no han habido más noticias de cómo han ido avanzando, pero sí es seguro y es un hecho que Blogger se trae un problema y puede ser justa la causa por la que no puedes ingresar a tu blog.

    En estos casos suena sencillo decirlo y difícil de hacerlo pero hay que tener paciencia, mucha paciencia pues si bien puede ser un problema que se resuelva en unas horas también puede durar algunos días. Lo importante es que Blogger esté enterado de ello y sobre todo que ponga manos en acción para resolverlo.

    Gracias por el beso :)
    ¡Saludos!

    ResponderEliminar
  18. EzequielCafre, ya está puesto ;)

    http://WwW.DistritoUrbano.NeT, no veo que lo tengas puesto en ese blog.

    pos_ch, ¿entre la cabecera y las entradas? claro, incluso ahí vendría bien dividir el crosscoll.

    ResponderEliminar
  19. Potro no me funciona, no entiendo mucho de eso de la etiqueta y no la encuentro en el codigo, ademas cual es el paso 3? No lo veo, bueno bro! Espero me puedas ayudar. Felicidades

    ResponderEliminar
  20. pues probare a ver como se me da lo de dividir y probaré.

    ResponderEliminar
  21. muchas gracias broo era que yo estaba haciendo mal algo muchisimas gracias ^^

    ResponderEliminar
  22. MHermon, lo había eliminado sin querer pero ya está de nuevo en la entrada explicado ese paso.

    OWNNER, DustritoUrbano, qué bueno que ya les está funcionando todo bien :)

    ResponderEliminar
  23. Lo voy a probar :P no me puedo resistir jejeje..
    Un abrazo ciudadanos !!!
    Y gracias Potro !!!

    ResponderEliminar
  24. Orale ya lo mipllemetare en mis blogs!!

    ResponderEliminar
  25. Hola:
    Tenía días buscando algo como esto, sólo que he intentado hacerlo en mi blog, pero cuando pego el scrip he intento guardar los cambios me indican el siguiente error:No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "type".
    Qué hice mal? Ojalá y me puedas ayudar.
    Gracias por lo que haces para ayudar a blogeros como yo, que somos muy nuevos en este tipo de lenguaje.

    ResponderEliminar
  26. Probablemente al poner el segundo código eliminaste algo sin darte cuenta o lo pusiste incompleto. Intenta ponerlo de nuevo.

    ResponderEliminar
  27. enta chida potro es mucho mejor k el k esta disponible en blogger k do de perlas en mi blog grasias de nuevo homito

    ResponderEliminar
  28. ghostfamilycrew, el de Blogger es bueno pero no tiene opciones de configuración y seguro que a todos nos viene mejor cuando podemos hacerlo más a nuestro gusto y antojo :)

    MaG@S RaDioMuSiC, otro abrazo para ti!

    ResponderEliminar
  29. Hola, Potro!
    No sé si es aquí donde debo formular esta prgunta. He estado buscando en la pagina pero no he encontrado algo que busco para tener mejor estructurado el blog: el gadget que permite agrupar varios gadgets en uno. Los he visto en varios blogs, por ej en éste: http://www.makeupbymaryland.com/, donde los tiene en la sidebar, y agrupa en uno por ejemplo todas las redes sociales, o en otro las entradas mas comentadas y las mas leidas.. así no se extiende tanto el contenido a lo largo de la sideber pero muestras la misma cantidad de información. ¿Podrías indicarme si hay una entrada sobre esto en la pagina que yo no he visto, o haceros una entrada sobre ello? Gracias por la atención.

    ResponderEliminar
  30. Muy interesante este gadget Potro!! Me lo reservo para cuando tenga más entradas! Gracias!!

    ResponderEliminar
  31. q bueno!
    me lo quedare para el futuro ;)

    ResponderEliminar
  32. Hola potro! una pregunta que nada que ver. Sabes que logre instalar un script similar al que vos tenes para ultimos articulos pero lo que pasa es que se ve todo del mismo color y se confunde el titulo de la entrada con la reseña y con el leer mas. Como hiciste vos para cambiar de color el titulo y el leer mas asi se diferencia bien? Disculpame las molestias ,saludos!

    ResponderEliminar
  33. No sin MyMakeUp, aún no tengo algo como eso pero ya estoy preparando una entrada sobre ello, calculo que la otra semana ya deberá estar publicado.

    LuiziitO, Eneri, We Game / Emilio, qué bueno que les ha gustado, gracias por su visita!

    ResponderEliminar
  34. Muchas gracias, estaré pendiente entonces! Te felicito por tu página y por cómo lo explicas todo!!!

    ResponderEliminar
  35. Hugo, no hice nada realmente, eso depende de los estilos generales de la plantilla de cada uno. En tu caso también ha salido igual sólo que con otros colores pero es porque tu plantilla tienen esos colores para los enlaces.

    Diviernet, gracias a ti por tu visita!

    ResponderEliminar
  36. Potro tengo una duda algo tonta XD
    Es que quisiera agregar un borde a mi cabecera porque le puse un nuevo fondo a mi blog y creo q quedara mejor con un borde.
    como lo hago? gracias :)

    ResponderEliminar
  37. Hola, Potro. Se ve muy bueno y útil este truco. Pero esta vez no me ha resultado. Cuando voy a guardar la plantilla me genera exactamente el mismo error que a Communis.Com (del comentario 33).
    Luego de varios intentos fallidos, traté de aislar el error, pegando primero todo el primer bloque de códigos, y se me guardó la plantilla correctamente. Pero luego, con el segundo bloque, al tratar de guardarlo, es que me sale el error. Así que deduzco que es allí en donde está el problemita.
    He seguido las instrucciones al pie de la letra, y también trato siempre de ser cuidadosa al copiar y pegar los códigos. Pero ya he hecho el intento más de 4 veces y siempre me aparece el mismo error.
    Mi plantilla es una clásica de Blogger.
    Ojalá pudieras ayudarme, y perdona la molestia.
    Muchas gracias y saludos!

    ResponderEliminar
  38. We Game / Emilio , no hay preguntas tontas ;) ¿en cuál blog deseas hacerlo.

    Vicky, sin duda debe ser un error al copiarlo o pegarlo pues acabo de probar de nuevo el código que puse en la entrada y lo guarda sin problemas :/

    ResponderEliminar
  39. potro sabes no entendi lo de la etiqueta muy bien , si me explicaras como seria una etiqueta en mi blog saluods

    ResponderEliminar
  40. Listo PORTRO ,ya lo puse y se mira chido e gracias!!Buen post +10

    ResponderEliminar
  41. ya sube como aplicar la etiqueta pero como hacer para que kede como la imagen que pusiste de ejemplo ? asi con tres etrnadas en miniatura y un titulo negro :O?

    ResponderEliminar
  42. Buenisimo!!
    me encantó

    ya lo estoy usando!! :)

    ResponderEliminar
  43. HOLA POTRO ESTE PREGUNTA ES CON REPECTO AL MENU horizontal con efecto deslizante te comento que lo puseme abre bien y todo pero al deslizar no abre todos los submenus debido que abajo tengo mis entradas y mis gadget hay alguna solucion te dejo mi pagina para que lo cheques http://cityvilleextreme.blogspot.com/

    ResponderEliminar
  44. MIRA TE COMENTO POR AHORA DEJE LAS PAGINAS DE ABAJO PERO AL QUITARLAS EL MENU DESLIZANTE QUEDA MUY CERCA DE LAS ENTRADAS Y DEL TRADUCTOR Y POR ESO NO SE DESLIZAN TODOS LOS SUBMENUS HAY ALGO PARA QUE FUNCIONE BIEN

    ResponderEliminar
  45. Y DE ANTEMANO GRACIAS POR TU RESPUESTA Y TUS GRANDES APORTACIONES

    ResponderEliminar
  46. potro ayudame con mi blog, es fuera de este tema. mira yo tenia en mi pagina de inicio 8 entradas y lo que pasa es que al crear una entrada se me modifico el numero de entradas que debe de mostrar al inicio y ahora solo me muestra dos entradas.:/ sabes porque podria ser.? espero y me aigas entendido.xp sale potro aqui t dejo mi blog-- www.tumultitec.blogspot.com salu2

    ResponderEliminar
  47. Hola, Potro. Gracias por haber hecho las pruebas. Pero resulta que aún me sigue arrojando el mismo error. Primero pensé que podría ser algún conflicto en mi plantilla, pues la mayoría de los scripts que se leían desde otro sitio, yo los tengo ya incorporados en la misma plantilla.
    Pero también probé con otro blog de pruebas, el cual casi no tiene grandes cambios a partir de su plantilla original y me pasa lo mismo.
    He copiado y pegado con sumo cuidado todo, exactamente en el lugar que dicen tus instrucciones, pero aún así nunca me sale.
    Ya he probado como más de 12 veces en dos blogs diferentes y creo que son pocas las probabilidades de que yo esté cometiendo exactamente el mismo error todas las veces. Aún no comprendo qué pueda ser.
    Creo que ya no voy a probar más, porque creo que ya llevo como 15 intentos y todavía, nada.
    Solo que me quedé con las ganas de tener este gadget, pues me gustó mucho. Pero bueno, otra vez será.
    De todas maneras, si descubres que algún otro scrript pueda estar interfiriendo o algo así, te agradecería si me avisaras.
    Muchísimas gracias por todo y saludos!

    ResponderEliminar
  48. The strokes fans chile, en la entrada se explica cuántas entradas se pueden mostrar, por defecto son 3 pero puedes modificarlas. El título no es parte del "truco" eso depende del diseño de cada plantilla.

    We Game / Emilio, arriba de .header-outer { agrega esto:
    .header-inner{border:1px solid #000;}

    ResponderEliminar
  49. mexico, no sé cómo ayudarte ya que nunca he usado ese plugin :/

    Microboy90, excelente :)

    EpideMia, qué gusto que ha sido de tu agrado!

    Kary, y yo tuyo, es genial el trabajo que realizas :)

    ResponderEliminar
  50. hola potro.
    te queria preguntar si tu sabes como puedo colocar creditos a mis entradas cada que me copien texto de my blog,es que eso lo e visto en otros blogs y lo quiero implementar =D este es my blog http://cinecolombi.blogspot.com

    ResponderEliminar
  51. TH3 V1P3R, las preguntas sobre esa entrada se hacen en esa entrada, y si ya lo has hecho entonces no es necesario repetir las preguntas ;)

    TuMultitec, es por la autopaginación de Blogger:
    http://buzz-es.blogspot.com/2010/03/auto-paginacion-en-blogger.html

    Vicky, pues no sé qué más pueda ser, igual lo he probado y ha funcionado sin problema como a los demás. También puedes probar poner ese script dentro de un elemento HTML/Javascript, quizá ahí no te marque ningún error.

    ResponderEliminar
  52. Administrador Cinecolombi, hay un sitio (no recuerdo cual) que te da un código para que cuando alguien copie texto de tu blog incluya un texto adicional de crédito, pero no es nada seguro pues se puede borrar como cualquier otro texto así que finalmente no sirve de nada :/

    ResponderEliminar
  53. gracias potro , otra pregunta , se podra modificar el codigo para que en vez de mostar la ultima actualizacion se muestre la anterior , si vez en mi blog www.thestrokeschile.co.cc sale la ultima y me gustaria poner la anterior , SALUDOS Y TU PAGINA ME A AYUDADO MUCHOO!

    ResponderEliminar
  54. Potro, ami Blog le quiero poner una cabecera a cada entrada, esto es posible???

    ResponderEliminar
  55. Hola
    ¿Por qué no aparece ahora en el navegador el gadget de los seguidores?, con mis navegadores tampoco veo los ciudadanos aquí en ciudadblogger en el gadget de seguidores.
    Un saludo

    ResponderEliminar
  56. similar like widget Recent Post on blogger widget featured!!!
    cool cool \m/

    ResponderEliminar
  57. Hola The strokes fans chile,

    ¿Te refieres a que muestre las últimas entradas menos la última publicada?
    Si es así entonces cambia en el último código esto:

    ?published

    Por esto:
    ?published?&start-index=2

    ResponderEliminar
  58. pixeltuxpan.com, es muy complejo pero sí se puede. Puedes poner varios gadgets HTML/Javascript debajo de la cabecera, y luego usando condicionales oculta los gadgets que no quieres que se vean en las demás entradas, es decir, que sólo se vea el gadget con la imagen que quieres que corresponda a esa entrada.

    La verdad es mucho trabajo, el blog podría hacerse muy tardado en cargar y podría afectarte en posicionamiento.

    Quizá algo más simple sería que pongas una cabecera al azar.

    Saludos.

    ResponderEliminar
  59. MENTE NATURAL DE MODA, desde ayer anda fallando el gadget, a muchos nos ha pasado lo mismo aunque creo que ya se está solucionando.

    Beben Koben, it's pretty similar, but I love when widgets can be personalized :)

    ResponderEliminar
  60. gracias potro justo lo que necesitaba , una pregunta , no hay ningun problema con que ponga un enlace de tu pagina como recomendado ?

    ResponderEliminar
  61. yeah master El Potro, master Vagabundia its great too...;) \m/

    ResponderEliminar
  62. Aún no terminé de poner las categorías que quiero.. solo puse tres, lo estoy combinando con el el script para mostrar los gadgets por pestañas y desde ya te digo, que es la mejor idea del mundo para un blog como el que tengo.. GRACIAS, GRACIAS, GRACIASSSSS !!!!

    AUPA POTRO !!! jejeje ;)

    ResponderEliminar
  63. hola potro, me gustaría como puedo hacer para que me organice las entradas en posición horizontal ya que la muestra vertical y también me interesa horizontal...

    gracias...

    ResponderEliminar
  64. The strokes fans chile, al contrario, te agradezco que lo hagas :)

    Odin KO, estoy seguro que cuando termines los resultados serán grandiosos ;)

    The Code Box, no tengo idea :/

    ResponderEliminar
  65. Esta muy mal que lo diga yo mismo.. pero realmente el resultado me parece soberbio.. =) me encantaría que lo vieras y me des tu mas sincera opinión..

    Lo encontrarás casi en el footer del blog.

    Lo que mas me preocupaba era lo lenta que me pudiera poner la pagina al aplicarle el truco a tantas etiquetas... pero me sorprendió muchísimo porque no siento que me la relentice nada de nada...

    Nota:
    de por si, mi blog requiere conexiones rapidas por su alto contenido en imagenes. Pero ninguna diferencia entre el antes y el después de este gadget con mi abuso de etiquetas aplicado.

    ResponderEliminar
  66. @Potro:

    Como debería llamarte? Dios, Jefe, Genio, es más me quedo sin nicks para ti!!! Un millón de gracias brother... justo lo que estaba buscando! "Ciudad Blogger" se ha convertido ya digamos, como leer el periódico a diario. Todos los días tienes una visita mía por aquí.

    Ah, y pa'colmo, o para bien, también leo los comentarios... y en el #39 secundo a la persona... también quiero ese gadget! En el comentario #44 prometistes que lo tendrás la semana que viene. No nos falles!!!!!!

    Un abrazo!!!

    ResponderEliminar
  67. El Potro, no sy muy buena con esto, el otro día intenté uno de tus trucos pero no lo hice bien jejeje

    ¿Hay alguna manera sencilla de saber la IP de quien comenta en el blog o de todos quienes lo visitan para entonces calcular según la hora de la visita y e comentario quién fue? supong que es algo que itneresa a muchos y hay gente que puede por lo que algún invento debe haber... he buscado en el menú pero no lo he encontrado. Muchas gracias por todos tus consejos y ayuda!!

    ResponderEliminar
  68. Hola Potro.
    He intentado colocar la categoría de videos pero sólo aparece el hueco donde debería verse el gadget.
    He repasado todo y está tal cual según tus indicaciones.
    Ya me dirás porque no aparece o si tiene solución.
    Un saludo.

    ResponderEliminar
  69. Odin KO, no está mal que lo digas, cuando algo nos queda chulo hay que sentirnos orgullosos de ello :)
    Y sí, te quedo espectacular con esas pestañas, enhorabuena!

    TVboricua.USA, ninguno de esos calificativos, con solo Potro está mas que bien :D
    Está prometido, ahora sólo necesito tiempo para cumplir todas mis promesas :P

    Cristian, todas deben aparecer del mismo tamaño y ese mismo tamaño se puede modificar donde se indica. Saludos.

    ResponderEliminar
  70. UNA CENICIENTA MODERNA, ciertamente es un tema que interesa a muchos pero lamentablemente Blogger no tiene una opción para que eso suceda y tampoco existe un sistema que permita "violar" la seguridad de Blogger para poder detectar las IPs de los comentaristas. Eso es posible únicamente en otras plataformas como WordPress. Saludos!

    Tapestryworkerman, ¿en cuál parte lo has puesto? Lo estuve buscando pero no lo encontré :/

    ResponderEliminar
  71. hola potro mira te tengo una petición para que me ayudes si me ayudas te daré el próximo post es muy bueno... pero por favor ayúdame contactarme aquí a este correo ya sea por facebook o hotmail mxla12@hotmail.com

    ResponderEliminar
  72. tengo una pregunta :
    seria posible cambiar la barra de gadgets dependiendo de la pagina del blog en la k estes?

    ResponderEliminar
  73. @mariocrack6 permiteme responderte; Si que se puede, si lees esta entrada de Ciudadblogger veras como se hace Condicionales de Blogger

    Saludos.

    @Potro disculpa el atrevimiento.. y gracias por tu respuesta a mi comentario anterior asi como por pasar a ver como quedo el gadget. =)

    ResponderEliminar
  74. hola potro quisiera saber como puedo ensanchar mi blog si tengo la plantilla Ethereal,es que en el diseñador llega hasta mil, pero yo lo veo choquito vi otros blog que usan la misma pero se ve mas grande
    te dejo la dire por si queres ver:mishabbyblog.blogspot.com
    saludos, melina.

    ResponderEliminar
  75. Pues sé de bloggers en blogspot que de alguna manera lo consiguen por eso dudaba :S Debe haber algun programa para saber laIP de los visitantes aunque no comentaristas seguiré investigando gracias!

    ResponderEliminar
  76. mariocrack6, el enlace que te dio Odin KO puede servirte, o también este.

    Melina, en esta entrada se explica cómo cambiar el ancho de las plantillas.

    UNA CENICIENTA MODERNA, quienes dicen eso sólo lo dicen para "asustar" a los comentaristas molestos, pero la realidad es que como te dije antes, no se puede.

    ResponderEliminar
  77. @Potro:

    Potro... necesito un favor tuyo. Tengo un script de gadget de íconos de redes sociales, youtube y rrs... los primeros tres se ven opaco y cuando pones el cursor encima se ve brilloso... pero en el ícono de "RRS" se ve brilloso... y no opaco!!!

    Te voy a envíar el código por el "formulario de Contacto" para ver si puedes ver cuál es el error!!! Help me plase...

    Saludos!!!

    ResponderEliminar
  78. Hola Potro.
    Ahí está el problema, que no se ve.
    Lo tengo colocado debajo de "lo + visto de la semana" , por encima de los archivos del blog.
    No tiene título, pero aún con él sigue sin verse. El hueco que debería ocupar sólo es eso, un espacio vacío.
    Las herramientas de edición también las veo y clicando puedo acceder a editar, todo parece estar en su sitio pero invisible... misterioso caso éste.
    Un saludo.

    ResponderEliminar
  79. ...
    Por cierto, los reproductores han vuelto a enmudecer y los seguidores aparecen y desaparecen a su antojo, al igual que la firma de las entradas y tanto con el Chrome como con IE8(¿?).
    Un saludo.

    ResponderEliminar
  80. mil gracias!!! lo acabo de hacer y me qedo exactamente como queria, sos un genio, saludos

    ResponderEliminar
  81. hola potro:
    e encontrado una plantilla que me gusta
    pero trae esta leyenda

    [# * Combine Blogger Template - Demo ~ Btheme Demo http://t.co/fYYLdIv via @btipandtrick about 13 hours ago] y quiero eliminarsela ayudame por favor.
    tambien el ave azul que trae.

    http://blokpeliculas.blogspot.com/

    ResponderEliminar
  82. Tapestryworkerman, probablemente sea a causa de otro script que impide que este funcione, pues los pasos parecen estar bien así que sólo se me ocurre que sea eso. La música la sigo escuchando sin problema al igual que antes, y los seguidores desde hace un par de días hay problema con ellos pero Blogger está trabajando en solucionarlo.

    Solis, a quitar créditos de plantillas no puedo ayudarte pues va en contra de las condiciones por la cual un diseñador hace gratuitamente las plantillas en lugar de cobrar por ellas.

    ResponderEliminar
  83. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  84. Hola potro , sabes que en displaseparator pongo "false" y no funciona , sabes por que podria ser?

    ResponderEliminar
  85. potro mi plantilla trae el leer mas pero se lo quiero quitar para poner una tabla y una sola entrada.como le ago?

    ResponderEliminar
  86. aqui esta el blog,se me olvido ponerlo

    http://blokpeliculas.blogspot.com/

    ResponderEliminar
  87. Gracias Potro, eres un crak.
    Tengo una consulta que hacerte y es la siguiente:
    Tengo instalado en el blog un rotadór de banners y me gustaria agregar alguno mas, cuando lo hago solo uno de los que tengo instalados funciona, los demás se quedan fijos, existe alguna manera para hacer que funcionen todos.
    Un saludo y muchas gracias

    ResponderEliminar
  88. A los que no le funcione el código que prueben cambiando de navegador. A mi me ha funcionado con IE9 y no lo hizo con IE8 y con Firefox

    ResponderEliminar
  89. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  90. perdon pero al final si que me funciona pero a mi me sale con un punto en cada post, mi pregunta es si se puede personalizar porqué en mí caso me sale oscuro, agradecería respuestas.
    saludos

    ResponderEliminar
  91. The strokes fans chile, eso varía de plantilla en plantilla, en algunas se dará el caso que siempre muestre el separador aunque indique que no, y en otras no lo mostrará aun cuando indique que sí, eso va más determinado como te decía por cada plantilla.

    Solis, mira esta entrada, ahí habla de cómo incluir el Leer más, sólo busca los códigos que se supone debes pegar pero tú lo harás al revés, los quitarás y pondrás lo que se supone hubieras eliminado. Sólo procura antes hacer una plantilla de respaldo por si algo no saliera bien.

    ELFARFULLI, depende cuál rotador sea, regularmente sólo se puede poner uno debido a que el script y los estilos definen sólo a un contenedor, y poner más de uno implica repetir los códigos y hacer toda una modificación del script lo cual puede ser bastante trabajoso.

    Isaac Chavero, yo lo he probado con IE8 y con Firefox y funciona de maravilla.

    ALZIRA, necesitaría que quites el script que deshabilita el botón derecho para poder echarle una mirada al código.

    ResponderEliminar
  92. Potro, un millón de gracias... ya le añadí lo que me indicaste y quedo perfecto!!!

    Una última consulta. Sabes donde podría conseguir un icono igual a los que tengo puestos pero con un "sobre"! Como para que al dar clic salga una ventana para suscribirse por mail a las entradas del blog!!! Pero que el icono sea igual a los que están en el gadget!!!

    Gracias por tu ayuda... eres un POTRO!!!

    PD. Esperando el gadget del comentario #44!!! Jejejeje.

    ResponderEliminar
  93. Hola, Potro. He visto que mencionabas que utilizas de hosting google sites y veo que tienes un dominio propio. Yo también utilizaba antes google sites, pero ahora me he comprado un dominio .es y los archivos que había subido allí y luego pegado en mi plantilla han dejado de funcionar en mi blog. ¿Me podrías ayudar a que volviesen a funcionar?
    www.fran-rodriguez.es
    Gracias.

    ResponderEliminar
  94. Esta forma de mostrar las entradas la estuve buscando desde hace días y resulta que el potro la muestra justamente cuando ya lo he implementado en mi blog.

    Lo conseguí en un blog escrito en ingles, el cual me resulto de mucha ayuda.
    aquí les dejo el blog que cree hace un par de meses. YupiBlogs

    Es un diseño totalmente propio, quien le guste esta plantilla, puede contactar conmigo en: Blogs Cristianos y con gusto podre regalársela.
    Aunque estuve pensado potro, que voy a crear un post donde describo esta plantilla para que la publicara en tu blog, pero no se si tu puedas.

    avísame...

    ResponderEliminar
  95. ¿No entiendo por que el enlace hacia YupiBlogs no funciona?

    Aquí dejo nuevamente la URL: www.yupiblogs.com

    1000 DISCULPAS POTRO.

    ResponderEliminar
  96. Ya está solucionado, Potro. He usado dropbox. Gracias de igual forma.
    Un saludo.

    ResponderEliminar
  97. Potro una consulta: en la sidebar derecha, sale perfecto. Pero cuando quiero ponerlo en la parte superior (donde la dividí en 3 con tu tutorial) pero salen los titulos, imágenes y texto centrados. Me gustaría que se muestre como en el link de Blogs Cristianos http://www.yupiblogs.com/
    Me podes dar una mano?
    Gracias!
    mi web es http://miraestapeli.com.ar

    ResponderEliminar
  98. Hola Potro, me interesa tu gadget, pero soy un poco novata y me pierdo en el último paso... Me gustaría que esta herramienta apareciera al final del post, por lo que trato de añadir un gadget al final de la pagina, pero cliko en añadir un gadget y no veo la opcion html/javascript... alguna pista?
    Gracias por adelantado.

    ResponderEliminar
  99. Hola MiraEstaPeli,
    Debes entender que al realizar la creación de esta plantilla www.yupiblogs.com NO lo hice con los códigos de esta entrada.

    Esto te lo aclaro, por si deseas que sea igual, todo dependerá de los CSS y los script.

    saludos

    ResponderEliminar
  100. TVboricua.USA, ni idea :/

    Fran Rodríguez, perfecto, de hecho igual yo uso Dropbox, Google Sites aunque sí lo uso no lo uso para todo pues como podrás haber comprobado hay archivos que no funcionan ahí si se tiene un dominio propio.

    Blogs Cristianos, lo de la plantilla no creo pues sólo puedo dar soporte de plantillas que he hecho pues las conozco, pero seguro que si la pones en descarga en tu blog a muchos les interesará ;)

    ResponderEliminar
  101. @Blogs Cristianos: gracias, por tal motivo le pregunté a El potro, ya que lo hice con los tutoriales que el puso.

    @Potro, alguna recomendación?

    ResponderEliminar
  102. MiraEstaPeli, no vi que lo tengas puesto en esa área, pero lo que podrías hacer es quitar el estilo de centrado del crosscoll para que no te pongas todo centrado en el gadget. Eso puedes hacerlo buscando esta línea y eliminando lo que está en negrita:
    <div class='region-inner tabs-inner' id='crosscol-wrapper' style='text-align:center'>

    Maria, cuando des click en Añadir gadget aparecerá una ventana, en el lado izquierdo de esa ventana dice 'Lo básico, Destacados, Los más populares, Más gadgets, Añade tu propio', cerciórate que esté en 'Lo básico', ahí es donde debes buscar HTML/Javascript, es el octavo de la lista desde arriba.

    ResponderEliminar
  103. Hola potro,
    usted entendió mal mi pregunta,
    yo no estoy pidiendo soporte técnico, solo ofrezco la posibilidad de que incluyera el theme en su blog para una posterior descarga.

    saludos!

    ResponderEliminar
  104. No, sí entendí bien, a eso me refería, por eso digo que no puedo incluir plantillas que no he hecho yo porque el hacerlo implica que tengo que dar soporte sobre esa plantilla a quienes la descarguen (siempre habrá quien quiera hacerle modificaciones), y en el caso de las plantillas sólo puedo ayudar con plantillas que he hecho yo mismo pues esas sí las conozco :)

    ResponderEliminar
  105. mmm, ok potro, entiendo.
    Pero yo mismo podría darle soporte técnico.

    Bueno, te pediría ser autor de este Blog si lo permites, tengo algunos trucos que me gustaría mostrar.

    Gracias por tus resouestas.
    saludos!

    ResponderEliminar
  106. Potro master, hico como me pusiste, pero mirá como queda http://i56.tinypic.com/invdog.jpg

    ResponderEliminar
  107. Hola, Potro. Soy yo de nuevo con lo mismo -disculpa- (vengo del comentario 48, 61 y 65). Gracias por tu guía. Sé que lo que me pasa no es por nada que esté mal en tu script, sino que el error debe ser en mi plantilla. Pero aún no sé que pueda ser. He puesto ese script en un gadget HTML/Javascript, como sugeriste, y no me arroja error, pero tampoco me sale nada, sino que me sale en blanco.
    Ahora bien, no sé si es que esa parte la estoy haciendo mal. En realidad, pegué el script tal como está en un gadget nuevo, pero no sé si hay que colocarle algún otro código más (por el hecho de estarlo poniendo en un gadget y no en la plantilla). Porfa, ilústrame en eso.
    Luego, el paso 3 del truco (el que tenemos que poner en un gadget), ese también lo puse, pero en otro gadget aparte de donde puse script (pues no sabía cómo debía hacerlo) y no me funciona, pues me aparecen ambos gadgets en blanco (y ya le puse el nombre de la etiqueta, con mucho cuidado).
    Luego, para probar, también puse el paso 3 en el mismo gadget que puse el script y me sigue saliendo en blanco el gadget, aunque supuestamente se guarda bien.
    Te agradecería si pudieras guiarme un poco en eso, pues no sé si lo estoy haciendo mal; si es que tengo que ponerlos juntos o aparte.
    Ah, otra cosa: cuando el script lo pongo en la plantilla, el error que me arroja, ¿sabes tú a qué tipo de elemento se referirá? ¿Estará allí la clave de la incompatibilidad? Siempre me dice que los elementos XML no se han cerrado correctamente, y específicamente apunta a esto:
    Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "type". (pero no entiendo a qué elemento se refiere)
    ¿Podrá esto deberse acaso a que ya haya en mi plantilla algún otro elemento abierto de ese famoso atributo"{1}" que siempre me sale, lo cual pueda interferir con el nuevo script? (te recuerdo que casi todos mis scripts están alojados en la misma plantilla).
    Disculpa que insista tanto con esta preguntadera, pero es que me quedé con las ganas de tener este gadget. Es que creo que a los que visitamos Ciudad Blogger nos pasa algo similar a cuando vemos en el escaparate de una tienda un artículo que nos gusta: ¡lo queremos! ja, ja! Así, tus trucos son como codiciables artículos exhibidos en vitrina, que todos queremos poner en nuestros blogs, je, je.
    Muchas gracias por todo y por tu siempre amable gentileza.
    Saludos!

    ResponderEliminar
  108. MiraEstaPeli, debe haber un estilo en la plantilla que lo acomoda de esa forma. Si puedes ponlo en un blog de pruebas con la misma plantilla para ver qué podría ser.

    ResponderEliminar
  109. Hola Vicky,

    Lo del script dentro del gadget era sólo para probar si ahí podría funcionar, pero no siempre es así, en ocasiones guardarlo ahí funciona igual que si estuviera antes de </head> pero no siempre resulta.

    Ahora me queda una duda, ¿desde antes te aparecía ese error? Porque igual existe la posibilidad que no sea por los cambios que estás haciendo con este truco sino por un error que existía desde el pasado pero que apenas ahora se está revelando. Eso puede ser común a veces, por alguna razón Blogger guarda los cambios como si nada y de repente cuando se quiere hacer otro cambio salta a la vista un error relacionado con cambios que ya se habían guardado antes.

    Si bien podría ser un script, también podría ser la URL de un enlace que esté directo en la plantilla. Si has alojado los scripts directamente en tu plantilla como se explica en esta entrada entonces el problema sí debe estar más inclinado a que sea la URL de un enlace.

    Trata de guardar los cambios de cualquier otra cosa distinta para ver si te aparece el error, si es así dime en cuál blog te da ese problema para ver si logramos descifrar qué elemento lo puede estar causando.

    Saludos.

    ResponderEliminar
  110. Gracias por las aclaraciones, ya he conseguido ponerlo y queda bien, aunque no resulta ser lo que quería, pensé que relacionaría cada entrada según sus etiquetas con lo último publicado con esa misma etiqueta, y que aparecería nada más acabar de leer el texto de la entrada, para favorecer visitas a temas relacionados...
    De todas formas mil gracias, das unas herramientas fantásticas.

    ResponderEliminar
  111. funciona perfecto amigo muchas gracias tremendo aporte

    ResponderEliminar
  112. Hola, Potro.
    En cuanto a que si ese error me salía desde antes, resulta que no. Los scripts que tengo alojados en la plantilla ya los había puesto allí desde hacía meses (siguiendo las instrucciones de la entrada que me indicas arriba), y al respecto yo no había hecho más cambios y me funcionaban sin problema todo el tiempo. Fue solo con este último script que empezó a arrojarme el error al tratar de guardarlo.
    Pero creo que ya vamos llegando al foco del problema. Me fui a un blog bien sencillo (sin scripts alojados) y me funcionó perfectamente (http://masdelplaneta.blogspot.com/).
    Pero en otro blog de pruebas, con solo 4 scripts alojados en la planitlla, me arrojaba el mismo error de siempre. Entonces, siguiendo tus instrucciones y consejos, pensé en buscar script por script, quitándolos uno a uno y poniendo cada vez tu truco, para por eliminación, encontrar cuál era el script del problema. ¡Y con el primero que quité lo encontré!
    Resulta que cuando quité uno de esos scripts puede instalar perfectamente tu truco. Pero resulta que ahora no recuerdo de dónde saqué ese script y tampoco sé identificar qué cosa es lo que controlaba (pues no lo entiendo) y lo malo es que no sé qué es lo que me va a faltar si lo quito. No sé si quizás tú reconozcas este script y sepas qué es lo que hace. Empieza así:

    //<![CDATA[
    /*
    * jQuery 1.2.6 - New Wave Javascript
    *
    * Copyright (c) 2008 John Resig (jquery.com)
    * Dual licensed under the MIT (MIT-LICENSE.txt)
    * and GPL (GPL-LICENSE.txt) licenses.
    *
    * $Date: 2008/05/26 $
    * $Rev: 5685 $
    */
    (function(){var _jQuery=window.jQuery,_$=window.$;var jQuery=window.jQuery=window.$=function(selector,context){return new jQuery.fn.init(selector,context);};var quickExpr=/^
    ...etc, etc, etc...


    Aquí está funcionando el gadget nuevo, aparentemente bien, en este blog de pruebas (http://masdelatierra.blogspot.com/), en donde antes no podía ponerlo (pero a costas de quitar el otro script). Por eso quisiera saber qué controlaba el script que quité (si acaso tú tuvieras algún indicio). Así, ya sería entonces cuestión de elegir cuál truco se va y cuál se queda.

    Gracias por toda tu ayuda, pues no tenía ni idea de cómo hacer. Pero con tu guía, pude ir aislando el error (lo bueno es que me pusiste a pensar y así es como uno va aprendiendo poquito a poquito, je, je).
    Muchísimas gracias por todo!
    (Si sabes de qué trata el script, me avisas, porfa, y gracias).

    ResponderEliminar
  113. Hola Vicky,

    Qué bueno saber que al fin has podido dar con el problema y que ya estás usando el gadget que querías.

    El script que mencionas es el script jQuery en su versión 1.2.6, ya es una versión muy antigua y quizá por eso el error que marcaba (la versión más actual de jQuery es la 1.5.1)
    En ese blog que refieres no veo que tengas un script que requiera jQuery así que al menos en ese no tendrás problema.

    De cualquier forma, si en ese o en otro blog estuvieras usando un script que necesita jQuery usa la más actual:
    https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

    Cualquier otra versión anterior puedes borrarla, sobre todo si es una versión tan antigua como la que tenías.

    ¡Saludos!

    ResponderEliminar
  114. Hola de nuevo, Potro.
    Tal parece que todo el problema radicaba, como dijiste, en que la versión que yo tenía era muy vieja.
    Lo que hice fue reemplazar por completo el script viejo por el script actualizado que me dijiste. (No sé qué es lo que eso hace ni nada; tan solo seguí tus instrucciones "con los ojos cerrados").
    Y a Dios gracias, al fin todo me salió bien.
    Ya pude poner el gadget de los últimos posts por etiqueta en otro blog diferente (uno que si tiene bastantes scripts incorporados en la plantilla) y me funcionó perfectamente.
    No tengo cómo pagar toda tu amabilidad y paciencia. Personas como tú no se encuentran muy a menudo en la red.
    Muchísimas gracias, gracias, gracias, gracias....
    Saludos!

    ResponderEliminar
  115. Con tu visita es más que suficiente para mí ;)
    ¡Saludos!

    ResponderEliminar
  116. No me va, al ingresar el segundo paso; Luego antes de </head pega este script:
    no me cierra para dar en vista previa e intentado de todo alguna solución potro ? gracias.

    ResponderEliminar
  117. Verifiica que estás poniendo el código completo y que al colocarlo no estás eliminando nada.

    ResponderEliminar
  118. Sigué igual potro no se cual será el problema, reviso con lupa el codigo antes de ponerlo y siempre en el segundo paso me da problemas. que solución hay ? gracias

    ResponderEliminar
  119. Podría ser que como en el caso de Vicky tengas un script que esté afectando este y otros elementos. Ella lo solucionó eliminando uno a uno los scripts hasta que detectó cuál era el causante. Una vez eliminado pudo guardarlo sin problemas.

    ResponderEliminar
  120. Muchas gracias Potro, eres un maestro.
    Saludos

    ResponderEliminar
  121. Esto es justamente lo que estaba buscando gracias potro,.. cada dia nos sorprende TUMUYBIEN

    ResponderEliminar
  122. Esto es una mierda, lo he hecho todo y no me sale NADA

    ResponderEliminar
  123. No necesitas utilizar un lenguaje soez, si algo no te sale entonces explica a detalle el problema y deja la dirección de tu blog.

    ResponderEliminar
  124. Hola Potro, acabo de ponerlo en mi blog: www.porvelez.com.ar y esta muy bueno, quería saber si existe la posibilidad de que en vez de que se vean las entradas de X etiqueta, se vean las entradas que le siguen a las 5 que se ven en HOME. Lo que busco es que quede: las 5 entradas y más abajo el gadget de las tres entradas esas pero que sean la que le sigan....
    Si se puede avisame.
    Saludos y gracias por todo!

    ResponderEliminar
  125. En el tercer código cambia esta parte:
    /feeds/posts/default/-/Nombre-de-la-etiqueta?published&alt=json-in-script&callback=labelthumbs


    Por esta:
    /feeds/posts/default?published?&start-index=6&alt=json-in-script&callback=labelthumbs

    ResponderEliminar
  126. Buenísimo, lo quiero aplicar en mi blog, pero no me conformo con casi nada, así que me la he pasado viendo si puedo hacer que salga como post normales, y ocultar los otros.

    Saludos!

    ResponderEliminar
  127. Muchas Gracias Potro, me quedo muy bien. Saludos!

    ResponderEliminar
  128. Otra consulta y no te molesto más, si te fijas en www.porvelez.com.ar quedo perfecto, pero me gustaría que este encuadrado y me gustaría que salgan esos puntos que están al lado de las miniaturas... Sería ver si se pueden separar u organizar de alguna forma las tres noticias que se ven ahí.
    Si tienen una respuesta a esa consulta sera bienvenida, sino no importa. Gracias por todo lo que haces, me hiciste aprender mucho de Blogger Potro.
    Saludos!

    ResponderEliminar
  129. Pues eso depende más que nada de la plantilla, el script tiene la opción de poner un separador entre los resúmenes, pero habrá plantillas en las que no funcione esa opción :/

    ResponderEliminar
  130. porque me queda como en la sig foto?

    http://2.bp.blogspot.com/-24pWL3Z3s08/Te2ViFwkHQI/AAAAAAAAALU/N5CbwgQ__e4/s1600/Sin+t%25C3%25ADtulo.png

    tengo el crosscoll dividido :S que puedo hacer?

    ResponderEliminar
  131. Supongo que ya lo has solucionado porque he entrado a tu blog y lo veo perfectamente bien.

    ResponderEliminar
  132. No, es que cuando lo pongo en la parte dividida del crosscoll sale como en la foto :S pero si lo pongo arriba de las entradas sale bien, tambien si pongo el slide en el crosscol me sale mal! :S

    ResponderEliminar
  133. potro , no se si sabras como acomodar el titulo de las entradas de este gadget arriba de la imagen en miniatura , si entas a mi blog , http://www.thestrokeschile.co.cc podras fijarte que el titulo de las entradas reciente sale abajo de las imagenes me seria de mucha ayuda saludos y gracias YA que casi todo mi blog esta echo a base de tus tutoriales

    ResponderEliminar
  134. FutbolMXM, entonces necesito que lo pongas arriba para que pueda verlo funcionando y saber qué estilo de tu plantilla lo causa.

    The strokes fans chile, no sé porqué se ve así :/ supongo que es por alguna modificación que le hiciste a la plantilla pues acabo de probarlo en esa misma plantilla y se ve bien, no hallo dónde pueda estar el problema :(

    ResponderEliminar
  135. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  136. Potro gracias , me ayudaste a darme cuenta que el problema era mio , lo que pasaba eske tenia el codigo del tabview antes de el codigo de este gadget arriba de ]]></ b:skin

    en esa posicion los deje y se arreglo , lo dejo por si a alguien le pasa lo mismo :)

    ResponderEliminar
  137. aca el ejemplo por si les pasa lo mismo saludos :

    codigo de entradas por categoria
    codigo tabview
    ]]><bskin

    ResponderEliminar
  138. Qué bueno que ya lo has resuelto :)

    ResponderEliminar
  139. POTRO UNA ULTIMA PREGUNTA SOBRE ESTE GADGET , SABES COMO DEJAR LAS LETRAS DENTRO DEL MARGEN? SI TE FIJAS EN MI BLOG SE SALEN DE EL : /:(

    ResponderEliminar
  140. Prueba poniendo antes de ]]></b:skin> esto:

    #HTML10 {overflow: hidden;}

    ResponderEliminar
  141. Tal vez es porque el código lo has puesto en una tabla que tiene un ancho mayor al que debería tener.

    ResponderEliminar
  142. potro ya lo e solucionado esto , le cambie el width: 100%; por width: 280px; osea que cambie el % por pixeles y me resulto lo dejo por si a alguien le sucede SALUDOS Y GRACIAS :)



    float: left;
    width: 100%; /*Aqui lo que cambie por pixeles*/
    min-height: 70px;
    margin: 0px 10px 2px 0px;
    padding: 0;

    ResponderEliminar
  143. Hola, aquí voy con una preguntilla, necesito modificar la fuente para que me quede con el gadget de entradas populares, que no sea bold y la fuente más pequeña para que quede alineado a la imagen.

    ResponderEliminar
  144. Hola pos_ch,

    El gadget no tiene estilos predefinidos, sino que se adaptan a los estilos de tu plantilla.
    Si quieres cambiar el tamaño del texto de ese gadget entonces sólo agrega debajo de esto:
    ul.label_with_thumbs li {

    Lo siguiente:
    font-size:10px;

    ResponderEliminar
  145. Entonces tu plantilla debe tener algún estilo predefinido que no permite mostrar el cambio. Nuevamente necesito saber dónde lo has puesto para poder echarle un vistazo.

    ResponderEliminar
  146. Perdona potro que no estaba en casa y -o he podido responder. el código Lo he pegado en el Blog de la plantilla Blogger.

    ResponderEliminar
  147. El problema está en que los estilos del Tabview los has puesto desplazando la llave de cierre de los estilos que estaban antes en ese lugar, al interferir en ese código hace que éste no se vea como debería.
    Lo has puesto de esta manera:

    #comments-block .avatar-image-container {
    float:left;
    position:static;
    margin-right:15px;
    margin-left:5px;
    margin-top:5px;
    /* Últimas entradas por categorías
    --------------------------------- */

    Y debe ser así:

    #comments-block .avatar-image-container {
    float:left;
    position:static;
    margin-right:15px;
    margin-left:5px;
    margin-top:5px;
    }

    /* Últimas entradas por categorías
    --------------------------------- */

    Al final del código del Tabview verás que se encuentra la otra llave de cierre } que desplazaste.

    ResponderEliminar
  148. Primero ponlo correctamente, como debe ser. Si estando de esa forma se ve mal entonces podemos ver qué sucede, pero es necesario que los códigos estén exactamente como se menciona en la entrada.

    ResponderEliminar
  149. vale potro, todo resuelto ya solo me queda conseguir que la fuente no salga en negrita. Donde puedo encontrar info sobre html para que no tenga que preguntar estas cosas?

    ResponderEliminar
  150. Para que los títulos no salgan en negrita busca en el código que has pegado antes de </head> estas dos líneas por separado y elimínalas:
    <strong>

    </strong>

    En cuanto a HTML hay mucha información en la red, quizá el sitio más completo sea www.w3schools.com

    ResponderEliminar
  151. perfecto potro, solo me queda poner la fuente sin negrita en el gadget de comentarios que tengo ahí mismo, es que para la fuente elige entre 4 o cinco tipos y no se que tocar para que salga la que tiene todo el blog.

    ResponderEliminar
  152. otra cosa Potro, existe la posibilidad de que el titulo del gadget sea un link a toda las entradas de esa categoria? Ya que solo muestro 3 entradas por categoria estaria bien que hicieran clic en el título del gadget que quieran y verlas todas las entradas de la categoria.

    ResponderEliminar
  153. Entré a tu blog y vi el gadget de últimos comentarios pero no vi que estuviera en negrita, no sé si ya lo resolviste.

    En el código que va dentro del HTML/Javascript verás que dice var numposts = 3
    Ese 3 es el número de entradas que mostrará, puedes poner un número más alto pero que no exceda de 10.
    O bien, quizá te convenga más poner sólo en una lista de enlaces los links que apunten hacia las etiquetas de tu blog, es menos "bonito" pero te enlazará hacia la página de la etiqueta donde estarán todas las entradas de esa categoría.

    ResponderEliminar
  154. Hola potro, he intentado hacer lo de este tutorial pues es muy interesante, pero no me sale bien, igual debe de ser cosa del codigo css
    http://pruebacowp.blogspot.com/ --> abajo del todo
    esta como que le falta diseño...

    ResponderEliminar
  155. Pues yo lo veo bien, igual no tienes entradas con contenido quizá por eso no ves el gadget tan bien como se vería ya puesto en un blog que no sea de pruebas. A menos que te refieras a otra cosa o.O

    ResponderEliminar
  156. Hola Potro, está muy bueno el tutorial, pero no me funcionó, cuando carga la página al segundo se pone la pantalla en blanco y solo me muestra el cuadrito con las últimas 3 entradas y el resto de la pantalla sin contenido.

    ResponderEliminar
  157. Hola Pablo,

    ¿Has usado otro gadget antes o después de este? Porque por lo que mencionas podría tratarse de otro gadget que suele ocasionar problemas en los blogs, usualmente son gadgets que proveen algunas páginas.

    De cualquier modo dime en cuál blog lo has puesto para darle un vistazo.
    Saludos.

    ResponderEliminar
  158. :buenpost: Que tonto soy pense que era taringa! XD, no pero enserio exlente me saquaste de un apuro amigo ;D...

    ResponderEliminar
  159. Qué gusto que te ha sido útil :)

    ResponderEliminar
  160. hola una consulta si solo quiero mostrar el enlace sin la imagen que puedo quitar

    ResponderEliminar
  161. Prueba cambiando el ancho y alto de las miniaturas (color verde) a 0px

    ResponderEliminar
  162. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  163. De echo ya prove me salio sin iamgenes pero el margen sigue siendo igual

    tambien quite los puntos ... los tres puntos
    document.write(postcontent+'...');document.write('');}}

    ResponderEliminar
  164. ¿Pero ya probaste con los parámetros que se explican al final de la entrada?
    Porque yo he probado modificando ahí mostrar o no las miniaturas y no me da problema.

    ResponderEliminar
  165. gracias potro pero tengo una duda como reemplazar a la tipica entrada de blogger y poner en su lugar varias categorias como la que hiciste
    gracias

    ResponderEliminar
  166. Hola heral96, no me ha quedado muy claro, ¿me podrías dar más detalles?

    ResponderEliminar
  167. A VER QUIERO QUE NO HAIGA EL TIPICO MODELO DE ENTRADA DE BLOG ELIMINARLO Y PONER EN VEZ DE ESO LOS CUADROS QUE HAS EXPLICADAOS PONERLOS POR CATEGORIAS Y CUANDO PUBLICO UNA ENTRADA AUTOMATICAMENTE SE COLOQUE EN SU CATEGORIA YA NO EN UNA ENTRADA SI SE PUDIERA SI NO DA = GRACIAS POR CONTESTARME LO MAS POSIBLE

    ResponderEliminar
  168. Sólo tienes que entrar en Configuración > Formato, y ahí seleccionar que haya cero entradas en la portada. Luego pones el gadget este arriba del área de las entradas y listo.

    ResponderEliminar
  169. Hola Maestro he usado este truco y me sale a la perfeccion, pero el problema es que el titulo sale muy separado de la descripcion (me refiero a las ultimas entradas por categoria), y quisiera q estuvieran mas juntos, como en el ejm q das, aqui te dejo la web www.levizito.com, el gadget se encuentra en la parte de abajo de la web...

    ResponderEliminar
  170. Hola Levizito,

    No sé si sea un estilo de tu plantilla, sólo veo que se forma un salto de línea antes y después de la descripción.
    Prueba ponerlo en un blog de pruebas primero con una plantilla distinta y luego con la misma plantilla para ver si damos con el problema.

    ResponderEliminar
  171. Hola, tengo un problema... Al principio seguí todos los pasos y funcionó a la perfección, cuando incluía nuevas entradas se mostraban, en fin, ningún problema. Sin embargo de repente los gadgets empezaron a no mostrarse, sólo aparecía el título y en el blog aparecían como si no hubiera nada. Lo único diferente que hice fue importar y publicar entradas antiguas de otro blog (con las mismas etiquetas, revisé que estén escritas exactamente igual), no hice ningún otro cambio y todo el código está exactamente igual que antes. ¿cuál puede ser el problema?

    ResponderEliminar
  172. No lo sé, quizá necesita un poco de tiempo para leer las nuevas entradas importadas. ¿En cuál blog tienes el problema?

    ResponderEliminar
  173. Hola Gian Franco Imp., ahí en la entrada dice qué se debe cambiar para que no aparezcan los separadores. Saludos.

    ResponderEliminar
  174. Hola Potro, creo que ya encontré el problema. Me había olvidado de que configuré el blog como privado, para los autores, lo hice público para mostrarte e inmediatamente todo volvió a la normalidad. Igual gracias por tu atención!

    ResponderEliminar
  175. Efectivamente Maximiliano, cualquier gadget que requiera leer el feed necesita que el blog esté público, de otra forma no puede acceder a esos datos.
    Qué bueno que ya está resuelto :)
    Saludos.

    ResponderEliminar
  176. Hola, quiero saber si se pueden poner dos secciones de entradas en blogger. No quiero enviar los titulares a secciones, lo que quiero es tener una seccion de entradas en la parte de arriba del blo, abajo de la cabecera, dividir con algunos widgets y en la parte de abajo tener otra seccion de Creación de entradas. Solo se que en mi plantilla no puede haber dos códigos "Main" o algo asi. Espero me ayuden, me urge postear de esa forma.

    Ej.

    Entradas del blog
    (aquí tengo 20 entrdas)
    Gadget Imagen
    Gadger Video
    Y aquí abajo quiero otra sección como la de arriba, de entratas del blog

    Aquí va el footer.

    Espero respuesta y saludos.
    Mi correo es microanalisis@gmail.com

    ResponderEliminar
  177. No que yo sepa. Como bien dices sólo puede haber un contenedor MAIN así como un wigdet BLOG (el que contiene las entradas). Pero sería bastante interesante lo que planteas. A ver si este fin de semana me hago un espacio y hago experimentos en una plantilla para ver si puede conseguirse algo así.

    Saludos.

    ResponderEliminar
  178. me ayudas necesito ponerlo en vertical sin descripcion . solo imagenes

    saludos.

    ResponderEliminar
  179. Vertical ya está que es la única forma de ponerlo. Las demás opciones están explicadas al final de la entrada.
    Saludos.

    ResponderEliminar
  180. Para que quede horizontal hay que elegir en las opciones que no se muestre nada excepto las miniaturas.

    Luego el primer código quedaría así:

    img.label_thumb{
    float:left;
    border:1px solid #8f8f8f; /* Borde de las miniaturas */
    margin-right:10px !important;
    height:55px; /* Alto de las miniaturas */
    width:55px; /* Ancho de las miniaturas */
    }
    .label_with_thumbs {
    width: 100%;
    padding: 0;
    }
    ul.label_with_thumbs li {
    display: inline;
    padding:0;
    }

    Después en el segundo código hay que eliminar con mucho cuidado esta parte:
    <strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>

    Y poco más abajo eliminar también esto:
    <br>

    ResponderEliminar
  181. me quedo horizontal gracias pero no puedo aser q las miniaturas se agranden y plobe poniendo el codigo original y tanpoko me funciona aparte de eso me sale una linea negra parece q es un separador pero desactive lo q era el separador (false)aprte me sale una palabra ""undefined""


    - y antes si me funcionaba puede ser un ploblema de scrip ?¿ pero no tengo tantos efectos y scrip intalados


    http://ployec-nagato.blogspot.com/

    gracias por la ayuda saludos

    ResponderEliminar
  182. y en este blog sin nada si me funciona

    http://nagato17.blogspot.com/

    ResponderEliminar
  183. Mira esta entrada, te ayudará a ver cuál es el problema:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  184. gracias ya lo aregle olle la imagen no se ve completa (asta abajo) la plobe en la plantilla modificada
    http://ployec-nagato.blogspot.com/
    y en una plantilla nueba http://nagato17.blogspot.com/
    ademas de verse borroso

    ResponderEliminar
  185. Son miniaturas, por lo tanto no deben mostrarse con un tamaño muy grande o se distorsionan.

    ResponderEliminar
  186. para tener 50 o 100 entradas como se aria

    ResponderEliminar
  187. Va a estar difícil que te muestre tantas, una porque los feeds tienen dificultades para leer entradas muy antiguas, y otra porque de por sí el gadget es lento y con una cantidad enorme de entradas haría que tu blog tarde demasiado en cargar.

    ResponderEliminar
  188. puedes investigar una forma de que muestre por lo menos 50 a 100 entradas.
    y tambien una que muestre las entradas con imagen dependiendo su categoria.

    ResponderEliminar
  189. Hola Potro, otra ves molestandote! quisiera saber si hay la posibilidad de que estas ultimas entradas por categorias solo salgan en el inicio de la pagina y no siempre en cualquier post ?

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger