TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

'Acerca del autor' debajo de cada post

28 de junio de 2010 | Número de comentarios337 comentarios
Una de las "ventajas" que tiene Wordpress es que se puede agregar debajo de cada post una pequeña biografía sobre el autor para que los lectores puedan tener más información acerca de quién escribe el post, y muchos usuarios de Blogger desearían poder tenerlo también en el blog, así que vamos a ver cómo poner un 'acerca del autor' debajo de cada entrada.
En él puedes poner tu avatar, una breve información sobre ti e incluso puedes agregar enlaces sobre otros sitios webs que tengas o de tus redes sociales.

acerca del autor
  1. Primero vamos a Diseño | Edición de HTML y marcamos la casilla Expandir plantillas de artilugios ahí buscamos este código y lo eliminamos:
    <span class='post-author vcard'>
    <b:if cond='data:top.showAuthor'>
    <data:top.authorLabel/>
    <span class='fn'>
    <data:post.author/>
    </span>
    </b:if>
    </span>
    Esa parte que hemos eliminado es la que muestra Publicado por (nombre del autor), lo hemos quitado porque ya no será necesario con lo que vamos a agregar, pero bien puedes dejarlo si quieres y no pasa nada.
  2. Ahora busca esta línea:
    <div class='post-footer'>
    Y debajo de ella agrega esto:
    <div class='acercadelautor'>
    <img border='0' src='URL del avatar' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
    </div>
  3. Ahí cambia lo que está en color rojo por la URL de tu avatar. Y agrega en donde está el color naranja el texto que quieres mostrar como parte de la información de tu biografía, puedes poner enlaces incluso.
  4. Por último antes de ]]></b:skin> pega lo siguiente:
    .acercadelautor {
    background:#EFFBFB; /* Color de fondo */
    border:1px solid #ccc; /* Borde */
    letter-spacing:normal;
    color:#424242; /* Color del texto */
    text-transform:none;
    font-size:12px; /* Tamaño del texto */
    padding:5px;
    margin:10px 0 10px 0;
    }
    .acercadelautor strong {
    color:#1C1C1C; /* Color del nombre del autor */
    font-weight:bold;
    font-size:13px; /* Tamaño de letra del nombre del autor */
    padding-left:5px;
    }
Esos son los estilos que tendrá el recuadro, puedes hacer los cambios que quieras en las anotaciones que he puesto en color verde.
A partir de este momento ya podrás verlo en la Vista Previa y probar si tiene los colores que deseas.
En el primer código que hemos agregado está marcado en negrita el tamaño de la imagen del avatar, esa puedes modificarla a tu gusto; si agregas poco texto en tu biografía se recomienda que hagas el avatar más pequeño para que no quede en desproporción.


¿Y si el blog tiene más de un autor?

Si el blog tiene más de un autor también podemos hacer que cada autor tenga el suyo, cada uno con su avatar y su descripción correspondiente.

acerca del autor
acerca del autor
En ese caso en lugar de pegar el código del paso 2 pegaremos este otro:
<b:if cond='data:post.author == &quot;Autor 1&quot;'>
<div class='acercadelautor'>
<img border='0' src='URL del avatar 1' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</div>
</b:if>

<b:if cond='data:post.author == &quot;Autor 2&quot;'>
<div class='acercadelautor'>
<img border='0' src='URL del avatar 2' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>

</div>
</b:if>
El primer fragmento corresponde al primer autor y el segundo al otro autor. De igual modo cambia la URL del avatar y el contenido de la biografía.
En donde dice Autor 1 y Autor 2 debes poner el nick de los autores tal como aparece en el blog respetando las mayúsculas, minúsculas y espacios, eso es muy importante.

Si quisieras agregar más autores sólo agrega otro fragmento como este:
<b:if cond='data:post.author == &quot;Autor 3&quot;'>
<div class='acercadelautor'>
<img alt='' border='0' src='URL del avatar 3' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</div>
</b:if>
Como ves el procedimiento es de lo más sencillo, no requiere scripts ni nada del otro mundo y el resultado quedará tan lindo como quieras.

P.D. Cindy y Manuel son producto de mi imaginación, cualquier parecido con la realidad es mera coincidencia.

337 comentarios :

  1. Muy bueno ;) me gusto mucho, Saludos y gracias

    ResponderEliminar
  2. Gracias, lo estaba esperando sólo que lo pondré en el div class='post-header-line-1 porque me gusta arriba. Espero me funcione de maravilla. Gracias.

    ¿Quisiera saber si sabe como poner el botón facebook connect para los comentarios?

    Saludos.

    ResponderEliminar
  3. MCarlitooH2, gracias a ti por tu visita :)

    Norberto Briones, no sé cómo pueda hacerse, eso sí te lo quedaré debiendo.

    ResponderEliminar
  4. Ya lo hice, quedó estupendo. http://elblogdelnobe.blogspot.com

    ResponderEliminar
  5. Muy bueno e interesante, quiza lo agregue a mi blog.
    Como siempre, muchas gracias.
    Saludos

    ResponderEliminar
  6. Eres excelente POTRO, los consejos de tus post me han ayudado mucho en mis pininos por este mundo bloggero.
    Me gustaría saber como centrar texto e imágenes en el cuerpo de la entrada, porque a pesar de que la centro en edición, no me convence el resultado.
    Te dejo la dirección de uno de los blogs que trato de hacerlo de una manera decente.
    De antemano quedo muy agradecido por tus consejos y lamento la eliminación de tu país de este mundial.

    http://claudimel.blogspot.com/

    Un saludo desde Valencia-España
    Gabriel Bárcena.

    ResponderEliminar
  7. Potro, si no quiero que se muestre la hora de la entrada bajo el título, debo eliminar esto ?

    span class='post-timestamp'
    b:if cond='data:top.showTimestamp'
    data:top.timestampLabel/
    b:if cond='data:post.url'
    a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link' abbr class='published' expr:title='data:post.timestampISO8601' data:post.timestamp/ abbr /a
    /b:if
    /b:if
    /span

    ResponderEliminar
  8. Gildo Kaldorana, qué bueno que te ha gustado, saludos!

    Gabriel, en el blog que mencionas sólo veo imágenes en la entrada, no veo texto, pero las imágenes sí están bien centradas, a menos que te estés refiriendo a otro asunto :s

    Norberto Briones, es exactamente esta parte:
    <span class='post-timestamp'>
    <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span>

    ResponderEliminar
  9. hola potro es genial este truco pero..
    ¿Como hago que solo aparezca en las entradas individuales?

    ResponderEliminar
  10. Encierra el código que se agrega en el paso 2 entre esto:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Aquí va el código del paso 2
    </b:if>

    ResponderEliminar
  11. Muy bueno potro si lo he visto, use una plantilla con esta opcion pero me alento la carga, pero estoy probando y veo que esta genial.

    Gracias Potro

    ResponderEliminar
  12. Hola potro, buenas tardes, a mi me gustaria saver exacatamente lo contrario, como eliminar de la plantilla la siguiente frase: publicado por:
    Ya que ese blog tiene varios autores, y quien escriba, no es una prioridad.
    saludos potro Att: Isa

    ResponderEliminar
  13. Anteriormente "El Venado"


    Que genial, ya lo puse para que reconoscan mi nuevo nombre de usuario.
    Muy bueno.

    Saludos.

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

    ResponderEliminar
  15. Es una opción gustosísima, Potro, mañana mismo intentaré hacerlo. Me ha entusiasmado
    Muchísimas gracias.
    Un abrazo

    ResponderEliminar
  16. Potro tengo un 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: The entity name must immediately follow the '&' in the entity reference.

    ResponderEliminar
  17. AlexG, qué bueno que te ha gustado :)

    Isaias Romero, entonces sólo haz el primer paso.

    Dankey, jaja, está bien, ahora tendré que memorizar este nuevo :P

    Sofía Serra Giráldez, qué gusto que haya sido de tu agrado :D

    KatoGd, podría tratarse de la URL del avatar o quizá el lugar donde lo estás intentando poner.

    ResponderEliminar
  18. Gracias Potro, asumo que influye en el centrado, el icono de "número de comentarios" en la parte superior.
    Abusando de tu sapiencia dime por favor porqué no me sale el FAVICON, en un principio salía; pero al cambiar de plantilla se fastidió y no encuentro donde ponerlo, ya probé las opciones que recomiendas y nada..
    Gracias.

    http://claudimel.blogspot.com/

    ResponderEliminar
  19. Muchisimas gracias me gusto mucho ya lo añadi queda genial

    http://brujo5-iphone.blogspot.com/

    ResponderEliminar
  20. Gabriel, supongo que es porque no tienes público el archivo del favicon, quise verlo y me dice que no tengo privilegios suficientes por lo que nadie más puede verlo. Asegurate de hacer pública la carpeta donde lo tienes y luego vemos sí ese era el problema o es otro.


    Brujo5, qué bueno que te ha gustado.

    ResponderEliminar
  21. El Potro, Como puedo hacer una imagen igual a las de las tuyas, es decir el muñequito

    ResponderEliminar
  22. No es Muñequito es Avatar xD
    Muye bueno, pero y el Blog de puebaz? xD
    Buena Potro

    ResponderEliminar
  23. Ohhh Potroo eres lo mejorr! Era la imagen, el servidor! Graciasss eres un Master! :D

    ResponderEliminar
  24. ok AVATAR como puedo tener uno igual

    ResponderEliminar
  25. Pero los cambios de las letras osea colores, fondo y eso.. No se aplican potro?

    ResponderEliminar
  26. GAMC, hay varios sitios, yo lo hice con este.

    ıllıllı★Criss Mitchell★ıllıllı, esta vez me pareció más sencillo poner el ejemplo en imagen que en blog de pruebas.

    KatoGd, sí, se deben aplicar en el área del CSS donde expliqué, ahí en las partes en color verde.

    ResponderEliminar
  27. Si potro! Claro que modifico los colores que tu das pero no me aparecen! :S Es extraño!

    ResponderEliminar
  28. Necesitaría verlo puesto en tu blog para ver a detalle dónde podría estar el error.

    ResponderEliminar
  29. Hola Potro:
    Truco agregado.
    Ahora voy a ver que y como complementarlo con algo para darle un poco más de utilidad (no pondré biografía).

    Saludos y como siempre al tope de la tabla.
    Jpz.-

    ResponderEliminar
  30. Gracias Potro, era eso lo del favicon. (ref.18-20)
    Lo que he hecho es entrar a mi google site de ahí pinchar el enlace del blog y ya VEO el favicon aunque el alojamiento solo está compartido con una persona... no se si he soplado la flauta o es así.

    ResponderEliminar
  31. Jpz, seguro sabrás sacarle provecho y sabrás adaptarlo con muy buen gusto como siempre :)


    Gabriel, entra a tu sitio de Google Sites y arriba haz click en 'Más acciones' ahí selecciona 'Compartir este sitio' y en 'Permisos avanzados' marca la casilla que dice 'Cualquier usuario puede ver este sitio'

    ResponderEliminar
  32. Mira potro haye tus plantillas para blogger en btemplates hoycuando veia las nuevas plantillas
    Whoaa
    http://btemplates.com/2010/blogger-template-ipod-touch/

    ResponderEliminar
  33. Potro, sabes como oscurecer la línea debajo del título... esa que dice Fecha,Etiquetas,Comentarios.

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

    ResponderEliminar
  35. Excelenteee Potroo! Me salioo! Wooooo.. :D
    El error era mioo! Ahora necesitoo un Gran Favor Tuyooo!
    Un favor inmensoo que me ayudes es que mis links no abren en otra pestaña.. :S, Y tome un truco de Blog&Web, Pero no funciona, Pense que el truco nada mas funcionaba con las entradas nuevas pero nada ni con esas, Ayudamee :D..! :S

    ResponderEliminar
  36. AlexG, sí me fijé en la mañana :D

    Norberto Briones, ¿exactamente cuál línea y de cuál blog?

    KatoGd, aquí está el atributo básico, o aquí otra opción con script y aquí otra opción.

    ResponderEliminar
  37. Hola potro queria saludarte y veo que tu blog sigue creciendo, bueno ademas quisiera hacer una consulta si podrias poner un tema de como crear una barra de navegacion en el blog , pero que se pueda personalizar con fondo ,etc. Espero que me pueda hacer hecho entender y sigue asi tu blog es uno de los mejores ha y me encanto el menu estilo acordeon

    ResponderEliminar
  38. http://elblogdelnobe.blogspot.com/

    Puedes observar que bajo cada título aparecen las etiquetas, y los comentarios. Quisiera que esa línea fue de un color más oscuro.

    ¿Necesitas la plantilla?

    ResponderEliminar
  39. Muy bueno el tip... lo único que cambie fue la posicion del avatar pero lo demás genial... Por si quieren modificarlo donde dice Left ponen Right donde dice: 'URL del avatar' style='float:left; en el segundo codigo.

    ResponderEliminar
  40. Goku El Super Sayayin, gracias por tus comentarios, no entendí muy bien lo de la barra que quieres ¿me puedes dar un ejemplo?

    Mr X, genial :)

    GAMC, gracias a ti por tu visita.

    ResponderEliminar
  41. Norberto Briones,

    Busca esta parte en tu plantilla:

    .post-header-line-1 {
    margin:0 0 15px;
    color:#a2a2a2;
    font-size:11.5px;
    }
    .post-header-line-1 a {
    color:#a2a2a2;
    }

    Lo que está en negrita es el color de esos textos. Si también quieres cambiar el color del texto al pasar el cursor entonces cambia esta parte en negrita:

    .post-header-line-1 a:hover {
    color:#51300F;
    }

    Saludos.

    ResponderEliminar
  42. hola potro me podrias informar como se le pone texto o titulo a un salto de linea por ejemplo

    Titulo de la entrada

    Imagen

    Ver Pelicula/Entrar/Leer Mas<-------Salto de Linea

    ResponderEliminar
  43. HOLA POTRO SALIENDOME DEL TEMA QUISIERA PREGUNTARTE SI SE PUEDE MODIFICAR EL ESTILO DE LETRA Y TAMAÑO DEL TITULO DE CADA POST QUE TENGO EN MI BLOG QUE ES IGUAL ALA QUE TIENES AVER SI ME AYUDAS GRACIAS ANTEMANO :p

    ResponderEliminar
  44. Chilaverde, no te he entendido bien, los saltos de línea son los renglones y esos se ponen así: <br />
    Cada vez que pongas ese código representa un renglón que se saltará.

    NN, debajo de .post h3 { están los estilos de los títulos de las entradas, ahí puedes modificar lo que desees.

    ResponderEliminar
  45. oye bro como le pudedo sakar la plantilla de una web ??

    ResponderEliminar
  46. lo que pasa es que cuando pongo un salto de linea me aparece por defecto Mas Informacion y me gustaria saber como se puede hacer para que en vez de Mas Informacion pueda yo cambiarlo y ponerle otro a cada post diferente

    ResponderEliminar
  47. bueno lo que intente decir es crear una barra de navegacion
    como de busqueda interna puesto que la navbar de blogger no permite buscar cosas dentro del blog , en esta pagina presentan una imagen .
    http://blogsmadeinspain.blogspot.com/2008/08/crear-vuestra-propia-barra-de-navegacin.html

    ResponderEliminar
  48. se me olvidaba que esa barra de busqueda interna pueda ser personalizable

    ResponderEliminar
  49. Gracias Potro ahora si que me funciona le Favicon (Ref. 30-31)

    http://claudimel.blogspot.com/

    ResponderEliminar
  50. insiden, pues tanto como sacarla no se puede, pero puedes investigar el nombre de la plantilla y buscarla en la red para descargarla.

    Chilaverde, necesitaría ver un ejemplo porque no me queda nada claro :s

    Goku El Super Sayayin, pues de hecho ahí explican cómo hacerlo, lee toda la entrada y verás que hay que entrar a un sitio para poder hacerla y personalizarla.

    ResponderEliminar
  51. Gabriel, qué bien, ahora sí ya se ve :)

    ResponderEliminar
  52. Potro me salio todo bien, pero no me sale como un cuadrito. Hay manera para que se pueda ver solo al hacer clik en la entrada.
    http://cybernetics-csiyon.blogspot.com/

    ResponderEliminar
  53. Hola claudia,

    En el código del paso #4 olvidaste en esta parte acercadelautor { poner un punto que va antes y eso hará que tenga un borde y un color de fondo. Ponle el punto tal como está en el paso #4 y se solucionará.
    Para que se muestre sólo en las entradas individuales encierra el código que pegaste en el paso #2 entre:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    y

    </b:if>

    ¡Saludos!

    ResponderEliminar
  54. Muchas gracias Potro ya funciono.

    ResponderEliminar
  55. Hola Potro, El Truco Quedo Exelente enMi Blog
    ¡Gracias!

    ResponderEliminar
  56. Hola Potro, gracias por este truco, ya lo implemente en mi blog y por cierto quedo perfecto, un saludo amigo nuevamente por tu blog ahora que tengo un poco de tiempo.

    Un saludo!

    ResponderEliminar
  57. Alejo, qué bueno que te ha gustado ;)

    Eduardo Sanguino, gracias por tu visita :)

    ResponderEliminar
  58. Hola Potro!! Hay Algun Truco Para No Mostrar la info Debajo De Cada Entrada? Sino nada mas Al Entrar en Una?..

    ResponderEliminar
  59. Mira el comentario #10 ahí está el código ;)

    ResponderEliminar
  60. Muchas Gracias Potro Ahora ver, Si puedo solucionar lo del script, wigets, o imagen lo cual dudo ya que las comprimo!.. :/

    ResponderEliminar
  61. Potro y Sino quiero acerca del autor debajo de cada entrada?. Como Puedo modificar eso??

    ResponderEliminar
  62. Si lo quieres debajo del título ponlo debajo de:
    <div class='post-header'>

    ResponderEliminar
  63. No sabes cuánto te lo agradezco Potro ..

    ResponderEliminar
  64. Potro no encuentro esa linea que me distes, lo que quiero es colocarla donde yo quiera, Se puede?

    ResponderEliminar
  65. Todas las plantillas deben tener esa etiqueta, ahora que no sé bien a qué te refieres con moverlo donde quieras, por ejemplo, en medio de las entradas no se puede, si es en otro lugar sería cuestión de que hagas la prueba y veas si se puede y si se ve bien en el lugar que has elegido.

    ResponderEliminar
  66. hola Potro:

    estoy renegando con eso de poner el autor, yo quiero ponerlo en cada entrada individualmente y cuando pongo en guardar plantilla me sale error porque no esta bien formada que error cometi:





    y aparte no sale mi nombre y dice:

    ESCRITO POR TEMPLATE ERROR: No dictionary named: 'post' in: ['blog']

    en vez que aparezca mi nombre... no entiendo espero su respuesta...

    ResponderEliminar
  67. bueno ahora que busque bien no encuentro la linea del #2 lo busque y lo rebusque (Diosssss) y ya me estoy rindiendo. el comentario anterior ya me di cuenta el porque solo que ahora no encuentro esa linea para poder seguir los otros pasos

    ResponderEliminar
  68. Necesitas marcar la casilla Expandir plantillas de artilugios para poder localizarlo, como te mencioné en el comentario anterior puedes apoyarte usando las teclas CTRL+F para buscar los códigos.

    Saludos.

    ResponderEliminar
  69. hermano por mala suerte borre div class='post-footer'> ahora no puedo ponerla , saves donde de nueva cuenta puedo pegar me puedes ayudar? gracias

    ResponderEliminar
  70. Podrías ponerlo debajo de esto:

    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    Antes de guardar los cambios dale vista previa para ver si funciona.

    ResponderEliminar
  71. muchas gracias potro ya pude solo me queda una duda, al poner el color de fondo me cubre la imagen a que se devera esto? valla me cubre la mitad

    ResponderEliminar
  72. Necesitaría ver el blog donde lo tienes puesto para saber cuál puede ser el problema.

    ResponderEliminar
  73. http://www.forourbanos.blogspot.com el fondo ya salio solo que la imagen sale cortada me podrias ayudar?

    ResponderEliminar
  74. Cambia el tamaño de la imagen un poco más chico para que se ajuste al contenedor, en el código tengo especificado en negrita el área donde se modifica eso.

    Saludos.

    ResponderEliminar
  75. Gracias sigue igual al reducir la imagen pero opte por retirar mejor la imagen gracias!

    ResponderEliminar
  76. muy buen truco! pero mi duda es, si no hay alguna posibilidad de que sea desplegable, es decir, que diga "[+/-] Acerca del autor" y se despliegue hacia abajo.

    ResponderEliminar
  77. Mira esta entrada, sigue el primer paso, luego justo antes del código del paso #1 de esta entrada agrega esto:

    <a href='javascript:void(0)' onclick='Effect.toggle(&quot;acercade&quot;,&quot;slide&quot;); return false'>&#9660;&#9650; Mostrar / Ocultar</a><div id='acercade' style='display: none;'>

    Y al final del código de ese código agrega esto otro:
    </div>

    Con eso se podrá expandir y contraer.

    ResponderEliminar
  78. muchisimas gracias por la ayuda!
    en seguida lo pruebo!

    ResponderEliminar
  79. Excelente Potro esta muy bueno el truco, te tengo una pregunta: Como hacer para que solo se muestre cuando se haya clickeado el "leer más"?

    Saludos!

    ResponderEliminar
  80. Hola Mathias,

    Para que se muestre sólo en las entradas individuales encierra el código que pegaste en el paso #2 entre:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    y

    </b:if>

    ¡Saludos!

    ResponderEliminar
  81. Funciona!
    muchas gracias por la ayuda

    ResponderEliminar
  82. Wow!! otro "detalle" mas que hace profesional a un blog. Especialmente para "vender tu imagen". Por ejemplo, supongamos que tienes un blog sobre moda, y en ese lugar puedes decir "bla bla bla soy asesor de moda desde 1996..etc etc etc"

    Un abrazo!!!

    ResponderEliminar
  83. Claro, con un poco de suerte y hasta salen algunas contrataciones para los bloggeros. Le diré a Katty que lo ponga en el blog :D

    ResponderEliminar
  84. No no, con ella no, sino tendrá muchos pedidos y no tendrá tiempo para nosotros :P jajajajajajaja

    Un abrazo!!!

    ResponderEliminar
  85. Sólo elimina lo que has puesto y pega de nuevo el código que se menciona en el paso #1

    ResponderEliminar
  86. muy bueno potro, intentare implementarlo lo antes posible.

    http://www.comunidadbloggers.com

    ResponderEliminar
  87. Excelente artículo, ahora recién lo encontré, hace bastante tiempo que odiaba a WordPress por tener esa opción, ahora sigo odiando a WordPress pero a la vez, amo a Blogger!

    ¡Saludos desde Chile!

    ResponderEliminar
  88. Younes Elazizi, seguro te quedará muy bien :)


    Roster, jajaja, alguna vez también envidié a Wordpress por poder hacer eso, quizá esa "envidia" fue la que me llevó a hacer que los que usamos Blogger podamos tener algo tan lindo como ellos.

    ResponderEliminar
  89. Tengo una duda... Yo utilizo el "More" de Blogger, y quería saber, cómo ocultar este cuadro y que aparezca dentro de la entrada y no en la página principal... Por favor, El Potro... Ojalá encuentres algo, me avisas!

    Saludos!

    ResponderEliminar
  90. Mira el comentario #83, ahí está la respuesta ;)

    ResponderEliminar
  91. Verdad, ya lo publiqué y anda a la perfección... www.tapadon.cl

    Saludos!

    ResponderEliminar
  92. Hola men...!!!
    estoy empezando con esto de los blog's y gracias a ti he modificado el mio bastante bien...!!!
    pero no se como hacer para que al escribir un comentario en mi blog, en vez de verse mi nick, salga una imagen personalizada...gracias

    ResponderEliminar
  93. Entra en Configuración > Comentarios, y en donde dice '¿Mostrar imágenes de perfil en los comentarios?' déjalo en 'Sí'.
    Si con eso no se muestran entonces sigue las indicaciones que explica ChicaBlogger:
    http://chicablogger.com/blogger-permite-que-muestres-tu-avatar-en-los-comentarios/

    ResponderEliminar
  94. Si men, eso lo enviendo, pero si te fijas...en este mismo blog en tu comentario sale tu avatar y al lado derecho: El Potro dijo...
    como se puede hacer para que salga una imagen chica al lado derecho del avatar y reemplazase a: El Porot dijo...
    y se vea solo la: "imagen" dijo...
    no se si me explico bien...jajaja...gracias

    ResponderEliminar
  95. Nunca lo he hecho pero podrías probar expandir los artilugios y buscar esta línea:

    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

    Eso que está en negrita debes cambiarlo por el código de la imagen. De funcionar toma en cuenta que todos los comentarios tendrán la misma imagen que elijas.

    ResponderEliminar
  96. Oye Potro...te pasaste...!!!
    me imagine que por ahi podria hacer el cambio, pero no tenia idea de como hacerlo ni exactamente que poner...!!! asi que cambie data:comment.author por img src="URL imágen" y quedo perfecto...puse algo de mi gusto...!!!
    quizas a alguien mas le interese y podrias hacer una entrada con este contenido...gracias nuevamente

    ResponderEliminar
  97. Hola Potro ya lo realize solo queria preguntarte si se podria justificar el contenido dentro de esa targeta. (:

    ResponderEliminar
  98. Claro, en el código que va antes de ]]></b:skin> agrega esto:

    .acercadelautor p {
    text-align: justify;
    }

    ResponderEliminar
  99. Hola Potro!
    que debo agregar para enlazar redes sociales al final?
    como por ejem.
    Puedes seguirnos en wtitter y facebook

    muchas gracias

    ResponderEliminar
  100. y otra pergunta...como hacer para correrlo hacia la izquierda ya que me queda pegado al borde derecho-

    ResponderEliminar
  101. la consulta 104 esta solucionada
    gracias!

    ResponderEliminar
  102. Hola el Potro, me gustaria saber cmo hacer que el cuadro completo de acerca del autor dea mas pequeño, con menos altura, saludos y gracias

    ResponderEliminar
  103. Hola Cocofansclub,

    Sólo usa el código normal para un enlace, por ejemplo, síguenos en <a href="http://twitter.com/usuario">Twitter</a> sólo cambia el nombre de usuario, para Facebook es igual, sólo remplaza la URL por la de Facebook.

    ResponderEliminar
  104. Hola Rudymania,

    Debajo de .acercadelautor { agrega esto:

    width: 300px;
    height:100px;

    El primero es el ancho y el segundo es el alto, puedes modificar esos valores por otros hasta que quede al tamaño que deseas.

    ResponderEliminar
  105. Gacias nuevamente, me quedo muy bien! ;). Saludos!

    ResponderEliminar
  106. Espero y haya sido de tu entera satisfacción :)

    ResponderEliminar
  107. Gracias potro este add se le hace ver como mas pag warez a mi blog :D gracias!

    ResponderEliminar
  108. Muy bueno, en cuanto lo he visto me lo he añadido, sigue asi!!

    ResponderEliminar
  109. Hola ElPotro, a ver si puedes ayudarme, que ya no se que probar...
    La zona donde pone PUBLICADO POR VINDI ...
    solo quiero ponerlo en minúsculas Publicado por...

    Este es mi blog, muchas gracias

    http://elvigilantedeseguridad.blogspot.com/

    ResponderEliminar
  110. Busca esta parte de tu plantilla y elimina lo que está en negrita:
    .post-footer {
    margin: .75em 0;
    color:#ffff7f;
    text-transform:uppercase;

    ResponderEliminar
  111. ElPotro, no esperaba tan rápida tu ayuda, eres un fenómeno, ya he conseguido que aparezca en minúscula;
    Te lo agradezco muchísimo, si algún día apareces cerca de mi ciudad, cuenta como mínimo con una merienda, ya supongo que Bilbao(España), te pilla lejos, pero el mundo es un pañuelo;
    Un saludo amigo, ayudas a muchísima gente, gracias por ser así.

    César (Vindi)

    ResponderEliminar
  112. Muchas gracias Vindi, un día me apareceré por allá :D

    ResponderEliminar
  113. Pues no dudes en contactar conmigo

    elvigilantedeseguridad@gmail.com

    Un saludo ;)

    ResponderEliminar
  114. Oye Mai, mi Avatar no se muestra.

    informaticoadicto.blogspot.com.

    Gracias por tu Ayuda!.

    ResponderEliminar
  115. No veo que lo tengas puesto, pero posiblemente has colocado mal la URL de la imagen.

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

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

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

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

    ResponderEliminar
  120. si, lo que quiero es quitar la franja azul de fondo, creo que ese sería el problema.. pero ya me diras.. esque llevo buena parte de la tarde arreglando..
    Gracias de antemano!!!! y lo que sucede es que en mi otro blog de prueba si quedo bien http://diariosdecajon.blogspot.com/ pero me interesa el otro..

    ResponderEliminar
  121. disculpame potro de verdad las entradas eliminadas de arriba, mi lap se puso muy lenta y se me caia el sistema a cada rato, por lo que ponia comentarios a medias y se mandaban asi, y después elimine..
    te felicito por los muy buenos tips que nos das, y que cuando me preguntan por una pagina para su blog, de inmediato los direcciono para aca..

    ResponderEliminar
  122. De donde sacaste las imagenes de ejemplo de Cindy y Manuel¿? Esque llevo tiempo buscando una pagina donde crear una imagen de perfil chula como las de JC y Alejo.
    Gracias y mi blog es http://estelapuk.blogspot.com

    ResponderEliminar
  123. liznieves, saludos, para eliminar el color de fondo solo hay que quitar esta parte del codigo:
    background:#EFFBFB; /* Color de fondo */

    ♥ Lollipop ♥, los hice en este sitio: http://www.manga.com/content/avatar-face-maker

    ResponderEliminar
  124. Hola Potro, hace tiempo puse esto en el blog y la verdad es que me encanta. Lo que pasa es que me gustaría que no apareciera en las páginas estáticas. ¿Sabrías como decirme para configurarlo?

    Te mando la que estoy aún editando: http://planescaping.blogspot.com/p/razas.html

    Como bien puedes ver, aparece "Escrito por..." al final, lo cual rompe un poco con el ambiente de bitácora. Si me dices como quitarlo (pero sólo para esto, no para el resto del blog) te lo agradecería mucho.

    ¡Saludos!

    ResponderEliminar
  125. Encierra el código del paso 2 entre:
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    y

    </b:if>

    Saludos.

    ResponderEliminar
  126. Hola Potro tengo un problema en el segundo administrador el cuadro aparece arriba y no envuelve el texto + el avatar aqui puedes verlo:

    http://compartiendo-archivos.blogspot.com/2011/01/mf-epica-design-your-universe.html

    Atte. GRACIAS

    ResponderEliminar
  127. Oh disculpa por hacer doble post otro problema k tuve es de como hago para que después del nombre quede un espacio, linea completa o punto aparte ya que sale junto no como en tu ejemplo.

    ResponderEliminar
  128. Hola América,

    Tal parece que es debido a que el cierre </div> no está colocado al final del código sino al inicio. Revisa de nuevo para cerciorarte que el </div> que está en azul esté al final.

    Para darle una separación puedes agregar debajo del código esto:
    <br />

    O si lo prefieres puedes hacer que esa separación sea una línea, en ese caso agrega esto:
    <hr />

    Saludos.

    ResponderEliminar
  129. Gracias Potro me ayudo mucho ya arregle esos 2 problemitas!

    Saludos

    ResponderEliminar
  130. Hola!
    Aunque puse el codigo adicional para que el recuadro no salga en las páginas estáticas... no funciona.
    El recuadro sale en TODAS las páginas, pero ahora sin el borde ni el color de fondo.

    Por qué será??

    ResponderEliminar
  131. Hola Malvina,

    Seguramente hay un error en el código que has puesto. Debe quedar así:

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>


    <div class='acercadelautor'>
    <img border='0' src='URL del avatar' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
    </div>


    </b:if>

    ResponderEliminar
  132. Muchisimas gracias!

    Había entendido mal y puse los códigos condicionales con los de la configuración estética del cuadro :-P

    Gracias por la paciencia :)

    ResponderEliminar
  133. Gracias a ti por visitar la Ciudad y por no quedarte con la duda :)

    ResponderEliminar
  134. oh vaya!! batalle para ponerlo en mi blog, pero ya quedo xD... gracias por el post esta genial...

    ResponderEliminar
  135. Lo bueno es que al final todo ha salido bien. ¡Saludos!

    ResponderEliminar
  136. Hola Potro, por aquí de nuevo he realizado el truco y se ve en cada una de las entradas no en 1 entrada sola mira:

    http://el-blog-de-pruebas.blogspot.com/

    Ademas se ve mal en el post-footer, lo probe incluso en el post-footer-3 y tambien se ve mal, queria agregarlo despues de la fecha y esas cosas.

    Atte gracias he realizado muchos mas trucos tengo una gran blog gracias a ti!

    ResponderEliminar
  137. Hola América,

    No me queda muy claro el primer problema, supongo que te refieres a que quieres que no se vea en la portada sino al ingresar a la entrada, si es así mira el comentario #137.
    Por lo otro que mencionas es el diseño de tu plantilla, quizá quitando lo que has puesto antes de ]]></b:skin> podría hacer que se adapte más al estilo de tu plantilla.

    Saludos!

    ResponderEliminar
  138. Esta muy buena la idea pero no hay forma de que resulte en nuestro blog =(. No sé que es lo que va mal, si lo he hecho tal cual tu lo señalas.

    ResponderEliminar
  139. Hola Libro Adictas,

    Veo que en el segundo paso sólo has puesto esto:
    <div class='acercadelautor'>
    </div>

    Pero no veo el resto, es decir, la imagen y el texto de la biografía que debe ir dentro

    ResponderEliminar
  140. Hola, gracias por contestar, pues si lo he puesto.

    De echo somos dos autoras, entonces he puesto esto lo que decias de agregar más de un autor. Pero no me funciona.
    He vuelto a revisar una y otra vez que estará mal en mis codigos o en qué fallé, pero no hayo nada distinto a lo que señalas

    Espero tu ayuda... :)

    Saludos

    ResponderEliminar
  141. Posiblemente en el nombre del autor está fallando (si es que estás usando el código para dos autores), prueba hacerlo primero como se indica que sería si fuera sólo un autor. Si todo sale bien entonces seguro el error está al poner el código para dos autores.
    De cualquier forma te agradecería me dijeras cuál es la plantilla que usas para hacer una prueba ahí y ver si es un problema con la plantilla o con la colocación del código.

    Saludos.

    ResponderEliminar
  142. networked blogs para agregar seguidores de blog con facebook y poner una pagina del blog en facebook lo recomiendo he aqui un blog que encontre en facebook http://profesoreregonzalo.blogspot.com en la sidebar en la parte de abajo aparece

    ResponderEliminar
  143. Ola Potro sabes este truco me gusta mucho , pero quiero saber si al añadir bastante codigos afecta al rendimiento de mi blog ??, Digamos afecta al tiempo de carga del blog??
    Gracias :)

    ResponderEliminar
  144. Hola LJK,

    Cualquier elemento que agregues al blog es otro contenido más que el navegador tiene que leer. Obviamente hay de elementos a elementos, en el caso de este es sólo una imagen pequeña y un breve texto así que no debe interferir con la velocidad de carga del blog.

    Saludos.

    ResponderEliminar
  145. Gracias aplicare este trucos :) , por cierto sabes podrias darme algunos tips sobre mi blog ??
    http://saintkeane.blogspot.com/
    Quiero aligerar el tiempo de carga o no se a tu opinion esta bien o mal??

    ResponderEliminar
  146. Prometo no tardar mucho en publicar lo de cómo aligerar la carga del blog, de ahí podrás tomar unas ideas que quizá quieras aplicar ;)
    ¡Saludos!

    ResponderEliminar
  147. Ola potro ya me anime a instalar el truco pero , me sale centrado hize todos los pasos, excepto el primero porque no lo encontre.
    http://saintkeane.blogspot.com/2008/05/naruto-manga-dd.html

    Como ves si , mi imagen descuadra el share que tengo mas abajo desplazandolo.

    Atte. LJK
    Como podria solucionarlo Grax

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

    ResponderEliminar
  149. Hola LJK, entré q tu blog y parece que ya lo has resuelto. Saludos.

    ResponderEliminar
  150. hola!! oye potro! tengo un incoviniente es que he púesto esto en mi blog pero somos dos administradoras y los temas aparecen todos con uno solo... no aparece el segundo autor, porq?

    ResponderEliminar
  151. ops!! ya lo arregle xD!! gracias de todas maneras.. y muchos saludos ! ;D

    ResponderEliminar
  152. Gracias potro por tomarte tu tiempo en respondernos amigo

    ResponderEliminar
  153. Hola potro sera que se puede poner mas abajo, por lo menos para que no se vea en todas mis entradas resumidas... mira mi blog a ver que se puede hacer.

    mi bloges : http://tutoxpc.blogspot.com

    Gracias potro por leer mi comentario!

    ResponderEliminar
  154. Hola .:R.G.F:.,

    Si usas entradas resumidas quizá convenga que sólo se vea en las entradas individuales por razones de estética.
    Mira el comentario #10 para que veas cómo hacerlo.

    Saludos.

    ResponderEliminar
  155. Hace mucho lo buscaba gracias :)

    ResponderEliminar
  156. o que bien gracias!!!, pero sabes Potro no me aparece al cuadro con color no se porke y eso que copie tal cual el código de los colores y eso :(

    mira http://www.bebloggera.com/2011/08/lindas-campanas-colgantes-para-adornar.html

    ResponderEliminar
  157. Hola LMM,

    Es porque te has eliminado una llave de cierre en el código anterior. Mira esta entrada para que detectes el error:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  158. Muchas gracias Potro, te pasaste.

    XD ni me fije

    atte LMM

    ResponderEliminar
  159. HOla potro, soy yo de nuevo fijate como quedo, cada vez que agrego a un autor se agrega esas barritas del mismo color del box, y en nuestro blog somos mas de 10 blogueras habran 10 de esas barritas como las elimino , aca el link http://www.bebloggera.com/2011/08/el-fantasma-de-lo-que-fui.html

    ResponderEliminar
  160. Listo ya me di cuenta de mi error olvidate del post xD

    Gracias

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

    ResponderEliminar
  162. Hola Potro, gracias por tu post me ha sido muy útil. Pero tengo una duda con él, el comentario sobre el autor (osea yo) está debajo de los otros items del post (mi blog) incluyendo del linkwithin. ¿Cómo puedo colocarlo inmediatamente después del post y antes de todas las otras cosas.

    ResponderEliminar
  163. Hola Roberto,

    Prueba ponerlo inmediatamente después de <data:post.body/>

    ResponderEliminar
  164. Hola potro,

    ¿Cómo podría poner una imagen de fondo detrás del avatar y la descripción en vez de un fondo de color liso?

    ResponderEliminar
  165. Hola William,

    Sólo cambia esto:
    background:#EFFBFB; /* Color de fondo */

    Por esto:
    background:url(URL de la imagen);

    ResponderEliminar
  166. Buenas!
    Estaba probando el código para el template Liquid de btemplates http://btemplates.com/2011/blogger-template-liquid/
    Y por más que modifico el código, no me aparece el recuadro con esa información.
    Si pudieras ayudarme con ello te estaría muy agradecido.
    Gracias por adelantado!

    ResponderEliminar
  167. Buenas noches Noroduil, ¿en cuál blog lo has puesto?

    ResponderEliminar
  168. En http://endless-odyssey.blogspot.com/ cuando puedas lo echas un vistazo y me comentas.

    ¡Gracias por adelantado!

    ResponderEliminar
  169. Pero en ese blog no lo veo puesto. Es necesario que estén todos los códigos puestos para que pueda ver qué puede estar pasando.

    ResponderEliminar
  170. Estimado potro, todo bien observo los cambios pero cuando intento colocar el código para que no se vea en la pagina principal sino en los post individuales por esto de el "leer mas" me bota un error y no me permite guardar nada.

    ResponderEliminar
  171. Verifica que pongas el código correctamente, es posible que al ponerlo estés eliminando algo o te esté faltando un fragmento del código.

    ResponderEliminar
  172. Tenias razón potro, ahora funciona perfectamente gracias.
    Te queria también preguntar por este hilo como podria hacer para que en las vistas individuales de los post la imagen del mismo cambie por un cuadro de publicidad al momento de dar click en "Leer más"

    He visto eso en algunas webs y me parece interesante.

    Gracias.

    ResponderEliminar
  173. Una consulta adicional porque no puedo ver el avatar en las entradas, en mi perfil de blogger lo veo perfectamente.

    ResponderEliminar
  174. Ok, ya se arreglo lo de la foto. Gracias

    ResponderEliminar
  175. Que la imagen cambie no sé, pero sí puedes poner anuncios como AdSense y que sean sólo visibles en las entradas individuales y no en la portada del blog:
    http://ciudadblogger.com/2010/01/10-lugares-para-poner-adsense-en.html

    ResponderEliminar
  176. Mira te paso la web donde al hacer click para leer la entrada completa cambia la imagen a publicidad. http://haganegocios.com/

    Saludos.

    ResponderEliminar
  177. Puedes hacer lo mismo que te dije, poner un anuncio que sólo sea visible en las entradas. Y en la portada usar un Leer más, pero tendrás que elegir qué imagen mostrar en el resumen, de esta forma esa imagen sólo se verá en la portada, pero no en la entrada, en la entrada sólo se verá el anuncio.

    ResponderEliminar
  178. Gracias por este excelente aporte, tengo una duda... aprendí que para modificar el nombre del autor tengo que cambiar esto pero tengo un problema como se modifica para la versión móvil de blogger, ya que tengo varios blogs y modifico el nombre del autor pero cuando visito la pagina desde mi celular me aparece el mismo autor para todos, cual será el código que se debe de modificar para la versión móvil de blogger? Gracias.

    Juan Francisco

    ResponderEliminar
  179. Hola Juan Francisco,

    Para versiones móviles nunca lo he intentado pero, si revisas tu plantilla deberás ver que los mismos códigos aparecen dos veces; uno es para la plantilla "normal" y otro es para los móviles, si también lo pones en el otro podría resultar que funcione, aunque como te digo, nunca lo he hecho y no podría asegurarte que funcione ya que aun cuando tenemos acceso a los códigos para móviles, Blogger controla casi toda la apariencia.

    Saludos.

    ResponderEliminar
  180. Se le pueden poner bordes redondeados al CSS?

    ResponderEliminar
  181. Por supuesto, sólo hay que agregar debajo de .acercadelautor { esto:

    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;

    ResponderEliminar
  182. Me quedó mejor con 10px, yo solo agrege border-radius:20px; los demas hacen lo mismo no?

    ResponderEliminar
  183. Todos hay que cambiarlos, unos son para un navegador y otros para otros, si lo cambias sólo en uno entonces en los demás navegadores se verá con el otro valor.

    ResponderEliminar
  184. No, pero yo digo que los otros no hacen falta ponerlos directamente. Supuestamente todos los navegadores deberian reconocer el border-radius para no tener que andar poniendo uno para cada uno

    ResponderEliminar
  185. En teoría sí, pero si alguien usa un navegador que no esté actualizado no verá los bordes.

    ResponderEliminar
  186. Alguna vez vi en Vagabundia un script que detectaba el navegador del usuario, no recuerdo bien cómo funcionaba, pero ahí lo puedes buscar y ver qué posibilidades tiene.

    ResponderEliminar
  187. Muajjaja, pues.. ya que me decías que querías verme antes de enero.. xD aquí estoy jajaja.

    En uno de mis blogs somos 4 publicadoras y se me ocurrió la genial idea de que en la caja de cada una de nosotras fuera de un color diferente.

    Mi idea fue ponerle un " div class" a cada una de nosotras, así que para la prueba puse un " .acercadelautor2 " con el background en rojo y a las autoras 2 y 4 les dejé el mismo "div class" que a mi.
    http://imageshack.us/photo/my-images/13/sinttulotjh.png/

    El resultado se acerca a lo deseado, pero no es bueno U_U

    Otra idea que se me ocurrió fue hacer tablas.
    Fuera de la tabla dejé el código que esconde todo esto para que no se vea en la pág incial del blog y el "div class" con el color rosita que le tengo ahora mismo y le apliqué color a cada una de las celdas.
    Esto se parece más a lo que quiero (ya que al menos.. solo aparece 1 recuadro U_U)
    http://imageshack.us/photo/my-images/440/sinttulofoa.png/

    Para mi desgracia, siempre queda a la vista las lineas de las demás publicadoras.
    ¿se te ocurre a ti otra solución?

    un saludin :)

    ResponderEliminar
  188. Ummm, quizá como le hiciste primero, asignar a cada una una clase con sus estilos independientes. Y para que éstos no se vean cuando esté en x autor entonces puedes agregar ahí mismo la indicación de que no se vea. Es decir, debajo de:
    <div class='acercadelautor'><b:if cond='data:post.author == &quot;Autor 1&quot;'>

    Poner esto:
    <style>
    .acercadelautor2 {display:none;}
    </style>

    De esa forma cuando esté en el autor1 no se verá nada del autor2, al menos en teoría debería funcionar... en teoría.

    ResponderEliminar
  189. lo probaré y ya te contaré que tal. gracias.

    ResponderEliminar
  190. Invento probado ¿sabes que? perfecto, el invento ha quedado perfecto. Ahora tendré más contentas a mis niñas ^^

    Eres muuu bueno y a mi me queda aun un pelín mas... de aprendizaje de html xD

    Muchas gracias.

    ResponderEliminar
  191. Excelente nenna, qué bueno que le atinamos :)

    ResponderEliminar
  192. Potro, ante todo me disculpo si ya te lo preguntaron pero cuando dentro del texto de descripción del autor intento poner un link a twitter me saca error, hay alguna forma específica de agregar un link? yo uso esto

    Siguela @Pabela

    ResponderEliminar

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
¿Te gusta Ciudad Blogger?