Insertar tablas en Blogger

13 de mayo de 2009 327 comentarios ,
Pregunta Ricardo de Alicante, España cómo crear tablas en las entradas del blog. Si bien es algo sencillo requiere de un poco de atención para poder entender, así que haré mi mayor esfuerzo para explicarme.

El código básico para insertar una tabla es el siguiente:
<table border="1" cellpadding="4"><tbody>
<tr><td>Mesa</td>
<td>Silla</td>
<td>Cama</td></tr>
<tr><td>Carro</td>
<td>Barco</td>
<td>Avión</td></tr>
<tr><td>Lunes</td>
<td>Martes</td>
<td>Miércoles</td></tr>
</tbody></table>


El resultado es este:

MesaSillaCama
CarroBarcoAvión
LunesMartesMiércoles

Nótese que las tres primeras palabras forman la primera fila, luego las otras tres forman la segunda fila y las tres últimas la tercera fila. Si deseas insertar una fila más agrega esta parte antes de </tbody></table>
<tr><td>Palabra 1</td>
<td>Palabra 2</td>
<td>Palabra 3</td></tr>

Del mismo modo si quisieras que cada fila tuviera más celdas entonces agrega las que quieras añadiendo las palabras entre las etiquetas <td> </td> antes de cada </tr>

Ya teniendo claro esto, ahora podemos personalizar las tablas añadiendo unos atributos.
El borde de la tabla es el más delgado, si lo quieres más grueso cambia border="1" por un número más alto, si lo dejas en "0" se quedará sin borde.


<table border="5" cellpadding="4">
<tbody><tr><td>Tabla con borde "5"</td></tr>
</tbody></table>


Para cambiar el color del borde de la tabla añadimos después de <table el atributo
bordercolor="green" el color lo puedes cambiar, por ejemplo "red"


<table border="2" bordercolor="green" cellpadding="4">
<tbody><tr><td>Tabla con borde verde</td></tr>
</tbody></table>


Si quieres usar un color de fondo en toda la tabla agrega bgcolor="yellow" después de <table. El color lo puedes cambiar.


<table border="2" bgcolor="yellow" cellpadding="4">
<tbody><tr><td>Tabla con fondo amarillo</td></tr>
</tbody></table>


Este efecto también lo puedes agregar sólo a las celdas que quieras para que cada fila tenga distintos colores. Para hacer eso se usa el mismo atributo, pero en vez de ponerlo después de <table lo pones después de la etiqueta <tr por ejemplo:
Fila caféFila café
Fila grisFila gris


Este fue el código para hacer eso:
<table border="1" cellpadding="6">
<tbody><tr bgcolor="brown">
<td>Fila café</td><td>Fila café</td></tr>
<tr bgcolor="grey">
<td>Fila gris</td><td>Fila gris</td></tr>
</tbody></table>


También puedes poner una imagen de fondo en la tabla, para lograr eso agrega background="URL de la imagen" después de <table. Yo he puesto una imagen animada (.gif) en el ejemplo.



Tabla con fondo de imagenTabla con fondo de imagen


<table background="URL de la imagen" border="1" cellpadding="4">
<tbody><tr><td>Tabla con fondo de imagen</td>
<td>Tabla con fondo de imagen</td></tr>
</tbody></table>


Como verás después de entender el código básico todo lo demás resulta fácil. De cualquier modo puedes probar los resultados y variaciones en un blog de pruebas antes de publicarlo.


327 comentarios en:

" Insertar tablas en Blogger "

  1. Creo que ha ricardo le ha quedado mas que claro como poner una tabla. No solo explicas como hacerla, sino adempas como adornarla. Excelente trabajo bro!

    Un abrazo!

    ResponderEliminar
  2. Gracias brother, espero que sí me haya entendido. Soy medio torpe para explicar las cosas, jeje.
    Saludos.

    ResponderEliminar
  3. No, para nada. Fue muy clara tu explicación. Es mas, lo estoy por eviar a un par de redes sociales. Espero que recibas un par de visitas extras. Un arazo!

    ResponderEliminar
  4. Muchas gracias brother, la vida y la ciencia te premiará, jaja.

    Y aprovecho para corregir mi error, es Alcobendas (Madrid) y no Alicante,
    Sorry Ricardo =P

    ResponderEliminar
  5. no sabia como hacer eso...

    bastante interesante...

    saludos

    ResponderEliminar
  6. Soy el aludido del post, pero os habéis adelantado otros para felicitar a El Potro.
    La explicación está clarísima y hasta un analfabeto informático como yo, he conseguido hacer las tablas.
    Quiero también hacer pública la generosidad y amabilidad del Potro, que ha tenido el detalle de brindarse hacerme él las tablas si yo no lo conseguía, muchas gracias. Como Mafalda: "No cambies jamás".
    Un abrazo.

    ResponderEliminar
  7. Por nada Ricardo, lo importante es que todos aprendamos y podamos ayudarnos unos a otros.
    Un abrazo.

    ResponderEliminar
  8. Hola amigo:
    Como te comenté por correo privado las tablas quedaron fenomenal en mi web de Alquileres.
    Pero el problema ha surgido ahora al querer poner una tabla de las Excursiones en el Blog. He utilizado el código básico de arriba y en la prueba sale preciosa pero al editarla en post aparece con un espacio intermedio en blanco, o sea se desplaza al final de la página justo enfrente de la última palabra de la barra derecha (sidebar), como si fueran incompatible ¿Cómo puedo subirla y colocarla en su lugar, sin dejar ese espacio tan grande en blanco ?
    Saludos y gracias por tu ayuda, Ricardo

    ResponderEliminar
  9. Hola Ricardo,
    Entra a Configuración > Formato y en Convertir saltos de línea selecciona No.
    Guarda los cambios y revisa cómo ha quedado.
    Saludos.

    ResponderEliminar
  10. Hola amigo:
    El espacio en blanco por fin se eliminó y ha quedado muy bien. Gracias

    ResponderEliminar
  11. Qué bueno que haya quedado bien.
    Saludos.

    ResponderEliminar
  12. Estimado amigo: Te cuento que soy nueva en esto del blog. Mi duda es la siguiente:si deseo insertar ina tabla que no es uniforme en todas sus filas (ej 1º fila, 1columna en la 2º fila 3columnas) como seria el código html?
    Desde ya muchas gracias

    ResponderEliminar
  13. Hola ANDREA TORRES,

    Sería del mismo modo, sólo que dejarías vacíos los espacios de las columnas o celdas que no vayas a ocupar.

    Saludos.

    ResponderEliminar
  14. Hola. Me gustaría que me explicases cómo puedo poner los diferentes gadgets de la sidebar en "bloques" al igual como lo tienes tú. Al igual que tus entradas que también están separadas por bordes. Gracias

    ResponderEliminar
  15. Hola ¡ay que me parto!

    Esos atributos se modifican en la plantilla, las propiedades de las entradas están en donde dice:
    .post {
    Por ejemplo para darle separación pones abajo de esa línea margin:0 0 10px pero los valores dependerán de tu plantilla.

    En el caso de la sidebar es lo mismo, las propiedades las modificas donde dice:
    .sidebar .widget {

    Es un poco complicado explicarlo por acá, pero puedes hacer tus experimentos en un blog de pruebas para que vayas viendo los resultados.

    Saludos.

    ResponderEliminar
  16. Bueno, Ya lo he puesto en el blog: newgeneration.blogspot.com

    Pero me gustaria que el titulo estubiera arriba de el banner, como lo hagoo??

    Muchas graciaas!!

    ResponderEliminar
  17. UHHH!
    la url es: newgenerationofsound.blogspot.com

    Lo sientoo :)

    ResponderEliminar
  18. Pedo, mear, pis, jajajajajajajajaja.
    Pues veo que ya lo lograste, veo los títulos arriba de los banners.
    Saludos.

    ResponderEliminar
  19. JAJA esque estube trasteando el codigo y cambie los nombres(no se me ocurria nada mas, jaja)

    Pero estas seguro al 200%, porque a mi me aparece el titulo al lado izquierdo de el banner

    Pero si tu lo dices, OK

    Muchas graciaaas!!

    ResponderEliminar
  20. Ah ya, es que en Internet Explorer se ve mal (qué raro).
    Dentro de <table border='0' cellpadding='80'> pon esto:

    text-align='center'

    Saludos.

    ResponderEliminar
  21. Ok, Lo intentare mañana, oi ya no me da tiempooo JAJA

    Graciaas

    ResponderEliminar
  22. Holaa!
    Ya esta solucionadoo, Muchas Gracias Potro

    Gracias a ti mi proyecto ya va cogiendo formaa! JAJA

    Y que sepais que ya podeis visitar y recomandar mi blog:
    newgenerationofsound.blogspot.com

    ResponderEliminar
  23. Hola, estoy aplicando lo que dices, inserte la tabla, pero esta muy alejada del titulo de la entrada, como hago para que este cerca, asi como tus tablas de esta pagina que estan cerca al texto y no separadas por grandes espacios gracias,

    ResponderEliminar
  24. Hola jucaboo7,

    Para eliminar esos grandes espacios necesitas poner el código sin espacios, todo junto, por ejemplo:
    <tr><td>Palabra 1</td><td>Palabra 2</td><td>Palabra 3</td></tr>

    Saludos.

    ResponderEliminar
  25. OYE para kitar los espacios en blanco que aparecen en el blog Hice lo que dijiste pero las otras entradas donde tengo enlaces se amontonan muy feo ...
    sabes komo podria hacerlo nada mas para ke se kite el espacio en blanco sin que se amontonen los enlaces en las otras entradas??
    Gracias!

    ResponderEliminar
  26. No sé qué método hayas seguido, en los comentarios mencioné dos métodos distintos pero cada uno es para un caso en específico que no funciona para todos los casos.

    Saludos.

    ResponderEliminar
  27. hehehe use el de ir a formato convertir saltos en linea y luego no...
    ese segui pero me amontona los enlaces habra un metodo ke solo sea para las tablas???sin que afecte los enlaces de las otras entradas?

    ResponderEliminar
  28. Es que ese no era el indicado para ti, sino el de poner el código todo junto, pero veo que ya lo has resuelto ;)

    ResponderEliminar
  29. A ver si me podeis ayudar, entre el titulo y donde me aparece la tabla hay una gran distancia y no sé el motivo por el que ocurre esto, he estado mirando en el codigo html pero no aparece nada y no sé si será un problema de la plantilla, pero hay ya no tengo ni idea. Os dejo el enlace

    http://ligapgwolves.blogspot.com/2009/02/records-jugadores.html

    Saludos y gracias

    ResponderEliminar
  30. Solucionado con leer los comentarios. Miles de gracias y gracias valga la redundancia por este maravilloso blog :)

    ResponderEliminar
  31. Excelente! Qué bueno que ya lo has solucionado :)

    Saludos!

    ResponderEliminar
  32. hola alguien sabe como consigo un codigo en forma de tabla con capcha para que me informen sobre un enlace roto?

    ResponderEliminar
  33. Ni idea, no sé si haya algún código así que funcione para Blogger

    ResponderEliminar
  34. Amigo, cómo haces para poner al final de tu página esos marcadores para compartir la página... me parece re buenos.

    ResponderEliminar
  35. Hola Dr. Miguel,

    Te dejo el enlace donde se explica cómo poner esos marcadores sociales:
    http://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html

    Saludos.

    ResponderEliminar
  36. Muy bueno me ayudo para este post http://curiosidadesofworld.blogspot.com/2010/04/el-festejo-del-dia-del-nino-en-el-mundo.html

    Gracias Potro muchas gracias

    ResponderEliminar
  37. Qué bueno que te ha servido.
    Por cierto, quedó muy buena tu info del post.

    Saludos.

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

    ResponderEliminar
  39. Qué bueno que te ha gustado.
    Gracias por pasar.

    ResponderEliminar
  40. Muy buen articulo, pero tengo una duda ¿el unico modo de insertar los datos en las celdas es entrar en el codigo?
    Gracias maestro

    ResponderEliminar
  41. Efectivamente, tienes que estar en el código para poder crear más celdas y a su vez rellenarlas de contenido.

    ResponderEliminar
  42. Hola Potro!
    Como siempre, gracias por toda la ayuda que siempre brindas! ^^
    Estuve intentando probar este codigo para una tabla de dos columnas y una fila! yo quiero que el texto al lado de la foto del personaje quede arriba y no abajo como queda aca: http://psyfrostcos.blogspot.com/2010/08/elektra.html
    no sabes que puede ser? o.o

    ResponderEliminar
  43. Me parece que es la plantilla que usas la que hace que se muestre así, el texto debe quedar siembre hacia arriba por defecto. Prueba ponerlo en otra plantilla y verifica sí se ve bien.

    ResponderEliminar
  44. ahhhh si! o.o
    no sabes que puedo cambiar para que no quede asi?? ñ-ñ

    ResponderEliminar
  45. No lo sé, supongo que algo de la plantilla baja el texto pero no sé qué sea exactamente :(

    ResponderEliminar
  46. Hola Potro, te felicito, porque este post me fue de mucha ayuda (como todos).

    Yo quería preguntarte, si ha alguna manera de hacer 1 tabla, con 2 columnas, de modo que en la 1º columna tenga 2 filas y en la 2º columna tenga 3.

    Gracias y espero que me puedas responder

    ResponderEliminar
  47. Hola Javier,

    Sólo hay que usar el atributo rowspan que agrupará celdas verticalmente. En resumen, usa este código:

    <table border="1">
    <tr>
    <td rowspan="2">Campo 1 y 2</td>
    <td>Campo 4</td>
    </tr>
    <tr>
    <td>Campo 5</td>
    </tr>
    <tr>
    <td>Campo 3</td>
    <td>Campo 6</td>
    </tr>
    </table>

    ResponderEliminar
  48. Muchas gracias Potro. La verdad, sin tí, no sería capaz de quedar mi blog tal y como quiero, por eso muchas gracias

    ResponderEliminar
  49. Hola potro. Genial lo delas tablas y todo lo que enseñas.
    Solo tengo un problema con las tablas y es que no puedo ajustar el ancho de las celdas. Hay alguna forma?
    Desde ya gracias, mi blog esta quedando lindo con tu ayuda.

    ResponderEliminar
  50. Hola anibal,

    Claro que pueden cambiarse los anchos de las celdas. Sería de esta forma:

    <table border="1">
    <tr>
    <td width="200">Celda 1</td>
    <td width="100">Celda 2</td>
    <td width="50">Celda 3</td>
    </tr>
    <tr>
    <td>Celda 4</td>
    <td>Celda 5</td>
    <td>Celda 6</td>
    </tr>
    </table>

    En las primeras celdas puedes cambiar el ancho de las columnas, sólo es cuestión que cambies las medidas que deseas. También puedes usar medidas en porcentajes si es que quieres que se ajusten al ancho de las entradas.

    Saludos.

    ResponderEliminar
  51. muchas gracias.
    al final he tenido que mezclar este post, con un editor de post externo, con el editor de entradas de blogger, pero creo que he conseguido lo que estaba buscando :-)
    este es el enlace:

    http://dequijotesyrugby.blogspot.com/p/xv-historico.html

    el color de las letras queda un poco mal, pero ya buscare una alternativa.

    muchas gracias por enesima vez!!!!

    ResponderEliminar
  52. Hola!! Me he quedado impresionada con tu blog, te felicito y te agradezco por tu trabajo!!
    Te cuento que soy absolutamente novata y llevo días intentando algo que me parecia imposible. Ahora gracias a tí estoy empezando a ver la luz, pero todavía me falta un empujoncito.
    Si pudieras ayudarme...
    Hace poco he creado un blog y añadi el widget de pestañas. En una de ellas quiero hacer un índice de recetas pero sólo de fotos. Mi pregunta es: puedo conseguir que la tabla no tenga borde, pero cada imagen (o cada celda) individualmente sí?
    Otra pregunta: dentro de la tabla, en la última celda, normalmente si doy al Tab se añade automáticamente otra fila, que es lo que yo quería hacer para ir añadiendo las imágenes conforme a las entradas, pero en el editor de páginas de blogger lo que hace es que me selecciona la tabla entera. Hay alguna solución?

    De antemano te doy las gracias, haces una gran labor. Discúlpame si no me explico demasiado bien, no tengo ni idea de vuestro lenguaje ;D.
    Te dejo mi blog por si te apetece darle un vistazo:

    http://revoltillodeideas.com

    ResponderEliminar
  53. Hola moniketa,

    Puedes eliminar el borde de la tabla, eso se hace agregando esto:
    border="0"
    Ahora, para que cada imagen tenga borde en el código de la imagen agrega esto que está en negrita:
    <img src="URL de la imagen" style="border:1px solid #000;">

    Respecto a lo de añadir más celdas yo sólo sé hacerlo manualmente, desconozco si haya otro método como el que mencionas.

    Saludos y muchas gracias por tu amable comentario :)

    ResponderEliminar
  54. Hola!
    Muchísimas gracias por responder tan pronto!!!

    Después de mucho pelearme y de darme casi por vencida, ya puedo decir que he conseguido algo bastante parecido a lo que yo quería. Tengo que dar muchísimos pasos para conseguirlo (seguro que en realidad es bastante más sencillo), pero ese es el precio que tengo que pagar por mi ignorancia y por mi inexperiencia jajaja.
    De todos modos, te repito mi agradecimiento, pues ha sido la ayudita definitiva para conseguirlo.
    Seguiré visitándote, si no te importa.
    Saludosssss

    ResponderEliminar
  55. Eres bienvenida las veces que así lo desees ;)

    ResponderEliminar
  56. Gracias por este post que me ha servido de mucho. Pero tengo un problema, porque me aparece un espacio en blanco muy grande entre columna y columna y no lo pude eliminar de ninguna forma, y no me entra en la sidebar... Saludos!

    ResponderEliminar
  57. Hola GoNanoGo,

    ¿En qué parte has puesto la tabla? Necesitaría ver exactamente dónde lo has puesto para saber cuál puede ser el problema.

    Saludos.

    ResponderEliminar
  58. cuando entras a gonanogof1.blogspot.com en la sidebar donde dice "clasificación pilotos"...tienes que ampliar el gadget...

    ResponderEliminar
  59. Lo que sucede es que tu plantilla tiene estilos predefinidos para las tablas.
    Busa en tu plantilla este código y elimínalo:

    tr td {
    border: 1px solid #1D1D1D;
    padding: 6px 24px;
    }

    Con eso deberá quedar justo al ancho de tu sidebar.

    ResponderEliminar
  60. Muchísimas gracias! Ya lo he hecho y quedó de maravilla. Gracias de nuevo por esta ayuda y por todos los posts que me son de mucha ayuda...
    Saludos!

    ResponderEliminar
  61. Otra pregunta, que la verdad que quiero que quede perfecto y no se que es lo que sucede, has visto que mis entradas estan resumidas, que ya vienen así con la plantilla "Yalene". Pero por ejemplo cuando voy a la página 3, se me descompaginan las entradas...tienes una idea de por que puede ser? Muchas gracias

    ResponderEliminar
  62. No sabría decirte con exactitud, bien podría tratarse de un error de la plantilla o quizá es que en esa página (la 3) tienes una entrada muy corta respecto a las demás y quizá esa sea la causante de que se haga ese espacio.

    ResponderEliminar
  63. Hola potro muy bueno lo quiero hacer pero tengo dos dudas: ¿como le pongo una imagen propia a cada celda? y la otra es ¿Como le pongo un link de la entrada a cada celda ?

    para que me quede algo asi:

    http://www.subeimagenes.net/images/178duda_123.jpg

    Gracias...!!!

    ResponderEliminar
  64. Sólo pon un simple código de imagen con enlace dentro de cada celda:

    <a href="URL del enlace"><img src="URL de la imagen" /></a>

    ResponderEliminar
  65. haa ok buenisimo...!!!
    pero tengo otra duda ¿¿puedo ocultar una entra en el blog pero entrar con el link??

    ResponderEliminar
  66. De poder sí se puede pero no todas las plantillas se prestan para eso:
    http://ciudadblogger.com/2009/05/paginas-estaticas-y-ocultar-entradas.html

    En esos casos es mejor crear una página estáticas y poner el enlace para entrar a ella.

    ResponderEliminar
  67. Hola de nuevo jeje!
    como ago para que la nueva entrada que aga quede al principio a la izquierda un ejemplos!

    http://www.subeimagenes.net/images/602Duda.bmp

    ResponderEliminar
  68. Nada se hará de forma automática conforme tengas una nueva entrada, por lo que manualmente tendrás que colocarla en la primera celda.

    ResponderEliminar
  69. Hola Potro Gracias por toda tu ayuda!!
    tengo una duda como ago para poner las "CELDAS" en las "ETIQUETAS"?¿
    desde ya muchas gracias!!

    ResponderEliminar
  70. No he entendido la pregunta, ¿me podrías detallar un poco más?

    ResponderEliminar
  71. porque cuando le dan click a una etiqueta aparese las entrada completa!
    como puedo hacer para que se vean como las celdas¿?

    ResponderEliminar
  72. Sigo sin entender la relación entre las etiquetas y las tablas, pero si lo que quieres es que al entrar a una etiqueta del blog no se vea la entrada completa entonces hay esta opción:
    http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html

    ResponderEliminar
  73. HOLA AMIGO POTRO TU BLOG ESTA MUY BUENO MIRA QUIERO QUE ME AYUDES SI PUEDES EN LO SIGUIENTE TENGO MI BLOG CON MENU HORIZONTAL DESPLEGABLE PERO QUIERO DIVIDIR EL MENU EN SECCIONES ES DECIR QUE INICIO SEA UN BLOQUE, CONTACTOS OTRO Y ASI DIVIDIRLO EN BLOQUES PARA SEPARARLOS COMO PODRIA HACERLO? OTRA COSA ES QUE QUIERO COLOCAR LAS LETRAS DEL MENU EN MAYUSCULA LA PRIMERA LETRA Y TAMPOCO PUEDO SI ME PUEDES AYUDAR TE LO AGRADESCO MI CORREO ES tonypalencia2010@gmail.com

    ResponderEliminar
  74. No me ha quedado claro, ¿cuál menú es el que usas? ¿me puedes dar más detalles sobre lo de las secciones?

    ResponderEliminar
  75. Hola Potro, en mi blog usé la tabla para agregar unos botones sociales y ahora me sale un borde rojo alrededor de ellos. ¿se puede quitar?

    miralo aqui -->
    http://danieldelgadophoto.blogspot.com/

    estan al final de cada entrada, es donde sale el boton twitter, tuenti y adthis.

    Muchas gracias Potro!

    ResponderEliminar
  76. Hola Daniel,

    Busca esta parte en tu plantilla y elimina lo que está en negrita:
    .article-page-contents table {
    margin:0 auto 20px auto;
    border:1px solid #ce0709;
    border-collapse:collapse;
    }

    Con eso desaparecerá el borde rojo.
    Saludos.

    ResponderEliminar
  77. Hola, antes de nada quería darte las gracias y decirte que si todo el mundo fuese como tú viviriamos en un mundo mucho mejor, mil gracias x tu ayuda.

    En primer lugar una duda que espero no te paresca muy cansina porque creo que se repite. Pegue el codigo de esta tabla para "anidar" fotos y me queda bien pero no se si son las fotos o las celdas tienen un borde como de 6 por lo menos y quisiera quitarlo o darle menos, le he puesto el cellpadding= a "0" pero sigue igual lo que me hace suponer que son las fotos las que tienen el borde. o me imganino que el estilo predeterminado de la plantilla. cómo encontrarlo?

    Otra pregunta es si sabes como colocar una galeria de fotos de por ejemplo 4 x 3 preferiblemtne subiendolas al block y no en otro sitio redirecionado.

    Y ya la ultima pregunta, es como puedo poner la marquesina que tienes al inicio de tu blog.(Suscribe)

    Mil gracias y un saludo grande desde el Sur de España.

    ResponderEliminar
  78. Hola MEN TO MEN Bar,

    Muchas gracias por tu amable comentario aunque si todo el mundo fuera como yo, créeme, sería todo un caos ;)

    Muy probablemente se trate de una separación no de la tabla sino de las imágenes y que está determinada por los estilos de la plantilla. Necesitaría saber exactamente en qué parte del blog lo has puesto, o en cuál entrada para así poder echarle un ojo a los códigos y saber cómo puede arreglarse.

    Hay un carrusel de imágenes que quizá te pueda interesar:
    http://ciudadblogger.com/2010/02/carrusel-de-imagenes-con-jquery-y.html

    En cuanto a la marquesina que tengo es la de esta entrada.

    Saludos.

    ResponderEliminar
  79. Hola Potro, creo que a lo que MEN TO MEN Bar se refería era a tu espirito de ayudar...
    quien se preocuparía por los bloggers inexpertos como nosotros sin alguien como tu (:

    había visto una explicación para insertar las tablas, pero no era tan buena como la tuya, ni tan completa.
    Gracias por el dato! ^^

    ResponderEliminar
  80. Muchas gracias por tu amable comentario Bony, ¡un saludo!

    ResponderEliminar
  81. Potro, vengo a esta entrada desde la de cambiar de lugar datos del post-footer, para decirte q me ha ido estupendamente...muchisimas gracias!!!

    ResponderEliminar
  82. Excelente Sonia, gracias a ti por tu visita y por avisar que todo ha salido bien :)

    ResponderEliminar
  83. Hola Potro, gracias por el post, estaba leyendo los comentarios sobre el fondo de los articulos relacionados y comentaste que usas una tabla, en todo caso, donde agregaria esta tabla y como? y como cambiaria los bullets de este mismo y colocar redes sociales en el? Muchisimas gracias mi blog es: soyunblogger.com

    Saludos,
    Edgar

    ResponderEliminar
  84. Hola CebicheTV,

    La tabla se agrega debajo de <div class='post-footer'>
    Eso hará que se coloque debajo de las entradas.
    En cada celda agregarías los elementos que quieres, por ejemplo en una pondrías los iconos de las redes sociales, en otra las entradas relacionadas, etc.
    Lo de los bullets en esa misma entrada en los comentarios se explica cómo cambiarlos.

    Saludos.

    ResponderEliminar
  85. olle potro aqui denuevo molestando, mira puse la tabla como me dijiste, ya puse la imagen a la medida pero como que la tabla la pone doble por que? gracias ;) mi blog http://i-teen-news.blogspot.com/

    ResponderEliminar
  86. para que me entiendas mejor me queda mas ancho de lo que quiero!

    ResponderEliminar
  87. mi blog ahora es http://noti-gaga.blogspot.com/

    ResponderEliminar
  88. No parece ser por la tabla sino por el ancho del gadget del botón de Twitter, en realidad como la tabla no tiene medidas se ajusta al ancho del contenido de lo que le pongas, en este caso al botón de Twitter.

    ResponderEliminar
  89. Al gadget no lo sé, desconozco si tenga esa opción.
    A la tabla agregando dentro de table esto:
    width="200"

    Pero si el gadget sigue siendo ancho no creo que sirva de nada cambiar el ancho de la tabla.

    ResponderEliminar
  90. Hola hice todo bien pero en la edición me muestra la tabla pero cuando ya esta lista que quiero revisarla no me muestra la tabla sale como que le puse o borde, como puedo hacer Potro, gracias de antemano

    ResponderEliminar
  91. Hola Diakchimba,

    Todos los cambios que hagas a la tabla hazlos desde la pestaña Edición de HTML, si necesitas saber cómo va quedando usa el botón de Vista Previa.

    Saludos.

    ResponderEliminar
  92. si todo eso lo hice pero solo me aparece bien en la edicion pero cuando se publica no se mira la tabla, parece como que esta transparente pero de todos modo gracias

    ResponderEliminar
  93. este es el Link http://www.diakchimba.com/2010/10/john-deere-drive-green-simulador-de.html

    ResponderEliminar
  94. Es porque tu plantilla tiene estilos definidos para las tablas.
    Busca esta parte y elimina lo que está en negrita:

    .post table,th, td{
    padding-bottom: 20px;
    border: 0px solid #ccc;
    }

    ResponderEliminar
  95. Gracias Potro funciono y hay discúlpame por tanta jodedera, todavía soy neófito en esto.
    Muchas Gracias.

    ResponderEliminar
  96. Potro una pregunta, como hago para que en las tablas inserte una imagen que contenga un link haciendole click a esa imagen, y que quede la tabla con su nombre arriba y debajo separado por una linea este la imagen, o tambien podria ser sin la linea que esten las 2 cosas juntas. Los 2 casos me podrias explicar, mas el de COMO PONER UNA IMAGEN CON UN LINK DENTRO DE LA TABLA.

    ResponderEliminar
  97. No me quedó muy claro (me acabo de despertar), pero la imagen la puedes poner en una celda, y el link pues igual, en realidad sería un código cualquiera:

    <a href="URL del enlace"><img src="URL de la imagen" /></a>

    ResponderEliminar
  98. Cambiando border="1" por border="0" se elimina el borde.

    ResponderEliminar
  99. Hola Potro, una pregunta, en las tablas, le puedes cambiar el color del borde como tu bien dices, pero si te fijas, siempre tiene como una sombra blanca, sabes si se puede quitar, para que por ejemplo un borde sea de color verde y punto, sin ese blanco que viene por defecto parece?

    Gracias de antemano

    ResponderEliminar
  100. Hola Ray,

    Para que el borde quede completamente sólido sin el otro borde que se ve, hay que agregar también cellspacing="0" con eso se eliminará el borde doble.

    Saludos.

    ResponderEliminar
  101. Cada vez le estoy dando mas uso a las tablas je.
    Te queria consultar potro, las aplique aqui junto con el sistema que explicas de expandir.
    Pero como puedo hacer para que el texto no quede como color de link y por otro como acercar mas el texto a la imagen en la tabla?
    Desde ya muchas gracias.

    ResponderEliminar
  102. Pon los códigos de la tabla seguidos uno de otro para que no se generen espacios, que todas las etiquetas TABLE, TD, TR queden juntas.
    Y para que el enlace tenga otro color agrega estilos dentro del enlace:

    <a href="#" style="color:#FFF;"

    Saludos.

    ResponderEliminar
  103. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  104. Agrégale un ancho a la tabla para que alcance el ancho que quieres
    <table width="300"

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

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

    ResponderEliminar
  107. Gracias Martin :)
    Me he perdido un poco porque, veo el gadget de "Últimos capítulos" ahora con el ancho adecuado, pero no entiendo lo del texto-imagen :/

    ResponderEliminar
  108. Mil disculpa potro, elimine esos coment por un lado porque eran para otra entrada y por otro porque son con otra cuenta mia y port las dudas que te desorientase perferi eliminarlos je, ahora te dejo el coment correcto en esta entrada: http://ciudadblogger.com/2011/04/spoiler-para-ocultar-y-mostrar.html
    Disculpa de nuevo Potro.

    ResponderEliminar
  109. Ya estoy por aqui, he leido tu entrada y esta muy bien explicado, lo que no entiendo ni se es como hacerlo para los botones ni donde ponerla..
    siento abusar de tu generosidad pero es que me quedan horribles ¿puedes ayudarme por fa?

    ResponderEliminar
  110. Localiza los códigos de los botones, puedes guiarte por el código de +1 que ya antes habías quitado y puesto varias veces.
    Ahí verás los códigos de los demás botones, es en esa área donde debes poner la tabla, luego identificando los códigos de cada botón irlos quitando de su lugar y ponerlos en cada celda.

    Saludos.

    ResponderEliminar
  111. Gracias por tu rapidez en contestarme y por tu atencion, lo he intentado pero no se hacerlo..¿debo incluir el ?

    ResponderEliminar
  112. Por favor, te estaria muy agradecida si me pudieras ayudar..

    ResponderEliminar
  113. Creo que los he arreglado un poco ¿y agregando algun margen o algo? no se...perdona por mi ignorancia, tu eres el experto. solo faltaria subir un poco los de bloger y bitacoras

    ResponderEliminar
  114. Yo ya los veo alineados teofermi, ¿dónde quieres aplicar el margen?

    ResponderEliminar
  115. De verdad que siento ser tan ignorante en estos temas y darte la "paliza", te dejo en una imagen como yo los veo, como veras solo faltaria subir un poco los 4 botones de bloger y el de bitacoras para que estuvieran todos al mismo nivel..¿se puede hacer algo?

    https://4349542429287882846-a-1802744773732722657-s-sites.googlegroups.com/site/teofermi1/fotos/botones.PNG

    Muchisimas gracias por tu paciencia conmigo

    ResponderEliminar
  116. No te preocupes ;)
    Sólo encierra cada uno de esos dos botones entre:
    <div style="margin-top:-15px;">

    y

    </div>

    Ahí se le está aplicando un margen superior negativo para que se suba el elemento.
    Saludos.

    ResponderEliminar
  117. me estoy dando por vencida, esto me queda muy grande, no se que es lo que estoy haciendo mal..

    ResponderEliminar
  118. He hecho lo que me dices y no me da buen resultado, se montan todos los botones, unos encima de los otros

    ResponderEliminar
  119. Lo único que tienes que hacer es encerrar el código de los botones de Blogger, y el de Bitácoras como te he dicho, por ejemplo. El código de los botones de Blogger es así:

    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>

    Si lo encierras como te digo debe quedar así:
    <div style="margin-top:-15px;">
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>
    </div>

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

    ResponderEliminar
  121. Otra vez estoy por aqui, pero ahora para agradecerte tu paciencia y tu cordialidad para conmigo, ademas de tu respuesta en mi correo, eres genial, tambien tengo buenas noticias, di con la tecla de los botones, ya estan arreglados jjajja, siento mucho si he sido pesada con mi ignorancia, te pido disculpas y te estoy muy agradecida.
    Estare atenta para ver si haces la entrada de la imagen del boton que te comente, estudiate lo del fragmento jaj y me cuentas..
    Muchas gracias y un gran saludo

    ResponderEliminar
  122. No tienes de qué disculparte en lo absoluto teofermi, mientras esté en mis manos ayudarte lo haré con mucho gusto :)
    Qué bueno que ya todo quedó como deseabas.
    Saludos!

    ResponderEliminar
  123. Hola Potro, la tabla me ha quedado muy bien, una pregunta, hay alguna forma de insertarle un link a los datos publicados en la tabla? gracias

    ResponderEliminar
  124. Por supuesto @Liderforever10, de hecho en las celdas puedes agregar cualquier tipo de contenido.
    En el caso de los enlaces sería el código de un enlace normal:

    <a href="URL del enlace">texto del enlace</a>

    ResponderEliminar
  125. Hola Potro, en el comentario #50 le explicas a Javier cómo combinar celdas verticalmente, pero nose si habrá una forma de hacer lo mismo pero horizontalmente, es decir, la primera fila con 1 columna, y a partir de la segunda fila 2 columnas.

    Gracias de antemano y FELIZ NAVIDAD!!!, más vale tarde que nunca.

    ResponderEliminar
  126. Hola Miguel Ángel,

    Es igual, sólo que en lugar de usar rowspan usarías colspan
    Feliz Navidad también para ti :)

    ResponderEliminar
  127. Tengo una duda (quizás tonta). Yo hago una tabla en excel o word y luego cuando la copio a blogger y la quiero subir, la tabla pierde formato en cuanto a bordes sobretodo. ¿A qué es debido y cómo se podría subir una tabla para que mantuviera sus propiedades?

    Gracias

    ResponderEliminar
  128. Las tablas que haces en Office son para esos programas, no son tablas HTML, así que al pegarlas en Blogger se pierden las propiedades pues el navegador no las reconoce. Tienes que hacerlas en Blogger manualmente.

    Saludos.

    ResponderEliminar
  129. Vengo de los comentarios flotantes, quisiera ponerle un borde punteado arriba y a los lados un borde rosa y azul, no se si es posible, saludos y muchas gracias

    ResponderEliminar
  130. eres grandioso mira mi blog y me dices como me quedo, solo quisiera agragarle un borde punteado arriba y a los lado un borde azul y otro rosa para que combine con todo el blog, y una pregunta, quisiera agregarle un color html, pero veo que solo es definido el color por: yellow, red y gray, entre otros...

    conoces algun color gray mas opaco?... saludos desde México y muchas gracias por compartir tu sabiduría

    ResponderEliminar
  131. Me perdí un poco Chiknaui.Mikistli ¿a qué quieres ponerle bordes de distintos colores?

    ResponderEliminar
  132. quiero ponerle el borde a toda la tabla, no en cada celda, sino al rectangulo en general, se podrá?

    ResponderEliminar
  133. Ya lo logré, gracias al dato que me diste, modifiqué la parte table#RedesSociales{ y puse los valore allí, muchas gracias, pasate por mi blog para que veas como me quedo:

    toxicosm.blgospot.com

    muchas gracias...

    ResponderEliminar
  134. Hola. He usado tu información para intentar hacer una cosa que ya llevo tiempo probando. Con tu ayuda, casi lo he conseguido. En esta página: http://www.flinnsorrow.com/2012/01/prueba.html verás que he puesto unos fotogramas de mis cortometrajes y a su derecha la información. El problema es que el texto no se me queda alineado con la foto por arriba, que es lo que me interesaría. ¿Habría manera de arreglar esto? Gracias de antemano.

    ResponderEliminar
  135. Hola Flinn Sorrow,

    Agrega un estilo de flotación a esa área, es decir, edita los TD que contienen esos textos, por ejemplo este que corresponde al primer texto:
    <td width="360">

    Que quede así:
    <td width="360" style="float:left">

    De esa forma deberá subirse el texto hasta la parte más alta de la celda que lo contiene.
    Saludos.

    ResponderEliminar
  136. Muchísimas gracias, ya casi lo he conseguido. Ahora el problema es que los textos me quedan demasiado pegados a la imagen. Estoy jugando con los valores de cellpadding, cellspacing y el tamaño de la columna de la derecha, pero no lo logro ajustar. Se me suelen bajar las celdas hacia abajo y me queda el texto debajo de la imagen. ¿Qué puedo estar haciendo mal? Gracias de nuevo.

    ResponderEliminar
  137. Encierra el código del texto en un DIV para que ahí apliques la separación:
    <div style="padding:20px;">Aquí va el texto</div>

    ResponderEliminar
  138. Bien, muchas gracias. Lamentablemente, esta solución que me propones no me es válida porque veo que el "padding" me lo hace por los cuatro costados, con lo que el texto deja de estar alineado con la foto por arriba, que es lo que me interesaba a nivel estético.

    La solución que he hallado (y que explico por si a alguien le sirve) es crear una tercera columna entre la primera y la segunda que me crea el espacio que necesito. Por desgracia, para que la columna sea válida, me obliga a poner un caracter como mínimo. He puesto un punto "·" (alt+3) porque es lo más discreto que he encontrado. Si pudiera hacer invisible ese punto, o encontrar la manera de que me acepte un espacio " " sería perfecto. No es que se vea mucho el punto, pero a mi me duele a la vista.

    Bien, gracias de nuevo y un saludo.

    ResponderEliminar
  139. ¡Ah! El resultado, aquí:
    http://www.flinnsorrow.com/p/cortometrajes.html

    ResponderEliminar
  140. No es necesario crear otra columna. El padding puede aplicarse en cualquiera de las cuatro direcciones, sólo tienes que elegir en cuál de ellas:
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;

    Así no tienes que tener el padding en todo al rededor, sólo aplicar la separación donde la necesites.

    ResponderEliminar
  141. ¡Ahora está perfecto! Gracias por la ayuda. Así queda: http://www.flinnsorrow.com/p/cortometrajes.html

    ResponderEliminar
  142. hello, tengo una duda, estoy insertando una tabla en blogger (http://ejemploblogvarios.blogspot.com/p/collares.html) ahi está. en la tabla sin imagen queda como quiero pero cuando le meto la imagen, la tabla no se adapta a ella, osea que queda mucho margen ¿hay alguna forma de que la tabla se adapte a la imagen? necesito la zona grande a la derecha no donde la imagen.

    gracias

    ResponderEliminar
    Respuestas
    1. Hola Aroa,

      Ese espacio es por el padding que tiene tu plantilla. Busca esta parte que hay en ella:
      .post-body img {
      padding: 8px;
      background: transparent;

      Elimina lo que está en negrita y con eso la imagen tendrá menos espacio respecto a los bordes de la tabla.
      Si quieres reducir aun más el espacio, pon el 0 el cellpading y cellspacing de la tabla.

      Saludos.

      Eliminar
  143. Muchas gracias Potro, disculpa por darte la lata. Solo me queda preguntarte como insertar una imagen diferente en cada casilla.
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Sólo agrega dentro de la celda el código de la imagen:
      <img src="URL de la imagen" />

      Saludos.

      Eliminar
  144. Muchas gracias Potro, solucionado.
    Un saludo desde el País Vasco.

    ResponderEliminar
  145. Y para que esa imagen lleve a un enlace????

    Gracias Potro!!!

    ResponderEliminar
    Respuestas
    1. Sólo agrega el código del enlace a la imagen:
      <a href="URL del enlace"><img src="URL de la imagen" /></a>

      Eliminar
  146. otra cosica Potro,

    ¿Se pueden poner varias imágenes con enlaces en fila sin tabla? Me refiero a insertar las imágenes en la entrada como siempre, pero le problema es que no me deja moverlas a mi gusto dentro del cuerpo de la entrada ¿Hay algo que hacer? ¿La tabla me solucionarí el problema??

    Gracias again

    ResponderEliminar
    Respuestas
    1. La tabla es la opción más segura, pero igualmente puedes poner los códigos de las imágenes sin saltos de línea para que se acomoden horizontalmente.

      Eliminar
  147. Hola potro, encontré este sitio y me parece muy interesante estoy aprendiendo mucho contigo, mis dudas son dos: como puedo centrar esta tabla para que quede en el medio de la página?, y la segunda es que puse una imagen en miniatura en cada celda y una url para que al pinchar se vea en grande, pero me gustaría que al pinchar en una imagen se abriera el Lightbox. bueno gracias por todo crack.

    ResponderEliminar
  148. bueno, que se abra el lightbox o que simplemente se ampliara la imagen que se pincha, lo dicho gracias.

    ResponderEliminar
    Respuestas
    1. Hola Diepe, qué gusto que nos hayas encontrado :)
      Para centrar la tabla enciérrala entre <center> y </center>
      Para la ventana modal puedes hacerlo con Lightbox, o Shadowbox:
      http://ciudadblogger.com/2010/01/lightbox-imagenes-en-ventanas-modales.html
      http://ciudadblogger.com/2010/04/shadowbox-ventanas-modales-multimedia.html

      Eliminar
    2. ok, muchas gracias potro, por la ayuda.

      Eliminar
  149. POTRo kise usar las tablas,pero cuando lo keria centrar no mas no se centro lol.... gracias!!

    ResponderEliminar
    Respuestas
    1. Sólo encierra la tabla entre <center> y </center>

      Eliminar
  150. Me quedo finalmente con la opción de imágenes en las celdas de la tabla, con enlaces.
    El problema es que no funcionan los enlaces, es decir, no puedo pinchar en las imágenes ;(

    Tengo puesto así:

    <tr><td background="http://myclase.blogspot.com/search/label/N%C3%BAmeros%20y%20operaciones"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></td> <td background="http://myclase.blogspot.com/search/label/calculoescrito"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/calculoescrito.jpg" /></td> <td background="http://myclase.blogspot.com/search/label/problemasaritmeticos"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/PROB%20ARITMETICOS.jpg" /></td> </tr>


    GRACIAS POTRO!!!

    ResponderEliminar
    Respuestas
    1. Hola Gorka, sólo usa un enlace en cada imagen, como lo harías normalmente:

      <a href="URL del enlace"><img src="URL de la imagen" /></a>

      Eliminar
    2. pero entonces, lo de "background="http://myclase.blogspot.com/search/label/N%C3%BAmeros%20y%20operaciones" para qué sirve????

      ¿dónde tendría que colocar el código que dices???

      gracias majo

      Eliminar
    3. No, no, te explico. Esa URL que señalas debe ser una imagen, background es el fondo, por lo tanto ahí debe ir la URL de una imagen, si es que se quiere que la tabla tenga una imagen de fondo.
      El código que te he dado es para que las imágenes que tienes en las celdas tengan un enlace. Por ejemplo:
      <a href="URL del enlace"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></a>

      Eliminar
  151. MIL GRACIAS MAJO

    En cuanto pueda sigo probando, que llevo unos dias liadico

    Saludos!!!!

    ResponderEliminar
  152. hola potro... muy buen posteo... tu blog me ayudo mucho a llevar a cabo el mio, hasta use tu plantilla de quo
    use las tablas para hacer un menu... pero tengo una duda... me gustaria que al pasar el cursos por cualquiera de las celdas, el color de fondo cambie de color
    no se si se podra, pero espero que si jaja
    desde ya muchas gracias y un saludo :)

    ResponderEliminar
    Respuestas
    1. Hola Santiago, claro que se puede, aunque parece que ya lo has logrado, porque he entrado a tu blog y veo que cambia a rojo al pasar el cursor. Si me equivoco házmelo saber para que te diga entonces cómo se hace.

      Saludos!

      Eliminar
    2. claro...
      yo tengo en el codigo de la pagina que en los links las letras cambien a rojo...
      pero lo que yo quisiera es que cambiara el color de fondo (en este momento lo cambie a un dorado) y por ejemplo me gustaria que al pasar el cursor lo que esta en dorado, cambie a un amarillo... o cualquier otro color

      Eliminar
    3. es decir... lo que yo quiero es que cambie el color de fondo de las celdas... lo de las letras ya lo tengo solucionado
      muchas gracias por la respuesta :)

      Eliminar
    4. Asígnale un ID a tu tabla, por ejemplo:

      <table |id="menutabla"| border="5" bordercolor="#000" bgcolor="#ddd" cellpadding="2">

      Luego antes de ]]></b:skin> agrega los estilos:

      #menutabla td:hover {
      background:#FF00FF;
      }


      Saludos.

      Eliminar
    5. yo no se que haria sin vos!!
      muchas gracias te lo agradezco de verdad!!
      un abrazo =D

      Eliminar
    6. Por nada Santiago. Por cierto, que en el código hay un error, lo puse así:
      |id="menutabla"|

      Y debe ser así:
      id="menutabla"

      Puse los palitos para luego marcarlo en negrita pero lo olvidé :P

      Eliminar
  153. Hola Potro, sè que esta pregunta no va aqui, pero cuando piensas verder camisetas para tus seguidores? esta muy bonita!

    ResponderEliminar
    Respuestas
    1. Hola Lynet, he pensado mucho en eso, pero estoy viendo la forma de que alguien las fabrique en otra ciudad, porque en la mía al ser fronteriza se eleva mucho el costo de envío por aduana, así que, en esas ando :)
      Gracias por tu comentario!

      Eliminar
  154. Me vino de maravilla ¡Muchas gracias! ^_^

    ResponderEliminar
    Respuestas
    1. Por nada Gabriella, que tengas buen fin de semana :)

      Eliminar
  155. Muchas Gracias Potro justo lo que necesitaba. Ahora la tabla se mira muy bien. Quisiera saber si hay forma de click la imagen para verla imagen del tamano normal? Muchas gracias de nuevo.

    ResponderEliminar
    Respuestas
    1. Si subes la imagen desde Blogger te dará el código para que la imagen se abra en su tamaño más grande, ese mismo código lo puedes poner dentro de tus celdas. Saludos.

      Eliminar
  156. Hola de nuevo Potro majo!!!

    Entonces veamos, yo tengo esto:

    <tr><td background="http://myclase.blogspot.com/search/label/N%C3%BAmeros%20y%20operaciones"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></td>

    Y lo que dices que tendría que poner es esto:

    <a href="URL del enlace"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></a>

    Pero entonces, ¿lo del background???

    gracias como siempre

    ResponderEliminar
    Respuestas
    1. Hola Gorka, el background es por si le quieres poner un fondo a la tabla o a una celda, pero por lo que veo tú no quieres un fondo, sino una imagen en una celda, así que en ese caso no hace falta poner el background.

      Eliminar
    2. Ah vale vale, GRACIAS, si no es mucha molestia, ¿podrías escribirme el código de la tabla? quiero decir, completo sería así??:

      <tr><td<a href="URL del enlace"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></a></td>

      GRACIAS

      Eliminar
  157. He estado probando, y esto funciona:

    <tr><td><a href="URL del enlace"><img border="0" src="http://dl.dropbox.com/u/22116370/Varios/%C3%8Dndice%20blog/Mates/Los%20n%C3%BAmeros.jpg" /></a></td>

    ¿es correcto o hay que modificar alguna cosica??

    Gracias again majo

    ResponderEliminar
    Respuestas
    1. Es correcto, sólo pon el cierre del TR al final:
      </tr>

      Eliminar
  158. Tengo un problema Freud, haber si me puedes ayudar.

    Intento insertar esta tabla en el post-footer, pero no funciona, ¿cuál será el problema?:

    <table border="0" cellpadding="1">
    <tbody><tr><td><!-- AddThis Button BEGIN -->
    <b:if cond='data:blog.pageType == "item"'>
    <div class='addthis_toolbox addthis_default_style '>
    <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
    <a class='addthis_button_tweet'/>
    <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
    <a class='addthis_counter addthis_pill_style'/>
    </div>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d69d2582d589e68' type='text/javascript'/></b:if>
    <!-- AddThis Button END --></td>
    <td><b:if cond='data:blog.pageType == "item"'><a href="javascript:ts('main',1)"><img src="http://2.bp.blogspot.com/-9SvgbfDHHCM/T1wG4H-65AI/AAAAAAAABrk/ymGib5T2194/s1600/%252Bfont.png"/></a>
    <a href="javascript:ts('main',-1)"><img src="http://4.bp.blogspot.com/-Pjx2A6jxDIE/T1wG4z4FP7I/AAAAAAAABrs/5pMnRXXTpMo/s1600/-font.png"/></b:if></a></td>
    <td><b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>
    var
    pdfbuttonlabel="Guardalo en PDF"
    </script>
    <script src='http://www.web2pdfconvert.com/pdfbutton.js' type='text/javascript'/></b:if></td>
    </tbody></table>

    Itento alinearlos.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Pues alineado sí está, quizá debe ser que cada elemento tiene una medida distinta de altura. Lo que sí veo es que tiene errores la tabla, debe ser así:
      <b:if cond='data:blog.pageType == "item"'>
      <table border="0" cellpadding="1">
      <tbody><tr><td>
      <div class='addthis_toolbox addthis_default_style '>
      <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
      <a class='addthis_button_tweet'/>
      <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
      <a class='addthis_counter addthis_pill_style'/>
      </div>
      <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d69d2582d589e68' type='text/javascript'/>
      </td>
      <td><a href="javascript:ts('main',1)"><img src="http://2.bp.blogspot.com/-9SvgbfDHHCM/T1wG4H-65AI/AAAAAAAABrk/ymGib5T2194/s1600/%252Bfont.png"/></a>
      <a href="javascript:ts('main',-1)"><img src="http://4.bp.blogspot.com/-Pjx2A6jxDIE/T1wG4z4FP7I/AAAAAAAABrs/5pMnRXXTpMo/s1600/-font.png"/></a></td>
      <td><script type='text/javascript'>
      var
      pdfbuttonlabel="Guardalo en PDF"
      </script>
      <script src='http://www.web2pdfconvert.com/pdfbutton.js' type='text/javascript'/></td></tr>
      </tbody></table>
      </b:if>

      Eliminar
  159. Ahhh, otra cosa que aprendo contigo Potro y te quiero compartir mi felicidad.

    Mirá cómo me quedó mi tablita: http://otakunonika.blogspot.com/p/tienda-july.html

    Es tonto de mi parte preguntar, pero lo haré de todos modos y es que queria saber si sabias ese truquillo de poner un mensaje de alerta al dar click en algo.

    Me refiero al hipervinculo de facebook, como notarás, luego de darle click te aparece un mensaje.

    Espero que sea de tu agrado y cualquier consejillo es siempre bienvenido.

    Saludes.

    ResponderEliminar
    Respuestas
    1. Ninguna pregunta es tonta. Y sí, conozco el truquillo, de hecho tengo por ahí una entrada sobre ello ;)
      Saludos.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger