23 abril 2012

Poner "Acerca del autor" debajo de las entradas


Este es un truco sencillo que podemos ponerlo de forma manual en el blog. Se trata de poner una imagen, un avatar, un enlace (o todo junto), o lo que prefieras para hacer referencia acerca del autor del blog debajo de las entradas. Aquí tienes una imagen para que te des una idea de cómo se verá si lo pones en el blog.

Para ello, entra en Diseño, Plantilla, Edición Html y, con los artilugios expandidos, buscas en tu plantilla lo siguiente:

<div class='post-footer-line post-footer-line-1'>

Justo debajo de ello pega el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table bgcolor='#fae8b2' border='0' cellpadding='4' width='100%'>
<tbody><tr><td colspan='2'>James F.</td></tr><tr><td><a href='http://www.blogger.com/profile/14356103803109984776' target='blank'><img src='https://lh5.googleusercontent.com/-1MCzt01XERY/T5UP8SiaJbI/AAAAAAAAAcc/WkFYUPibZLc/s512/perfil-byb.jpg' style='border: 0'/></a></td><td><span style='font-size:10px;color:black;font-family:arial'>Apasionado por los blogs, de sueños cortos y gustos sencillos, descomplicado y curioso; consciente que nada vale más que una idea compartida, nada importa más que un sueño realizado... Bloggero empedernido. Puedes seguirme en <a href='http://twitter.com' target='blank'>Twitter</a>, en <a href='http://facebook.com' target='blank'>Facebook</a> y en <a href='http://plus.google.com' target='blank'>Google+</a></span></td></tr></tbody></table></b:if>


Lo que está en rojo es el color de fondo de la caja contenedora, lo puedes cambiar con el color de fondo que quieras, cambias lo que esta en café con tu nombre (o el nombre del autor del blog); lo primero que está en naranja es el enlace a tu perfil de Blogger y lo segundo es la url de tu imagen, que no tiene que ser más grande de 60x60px para que no ocupe demasiado espacio y se vea desproporcianada con relación a la descripción del autor, que es lo que está en verde. Por último, lo que está en azul son los enlaces a Twitter, Facebook y Google+, que deberás cambiar con tu respectiva dirección. 

Dos cosas: Uno, lo que está resaltado con celeste es una condicional que hará que este truco solo se vea en las entradas individuales y no en la portada. Si quieres que se vea también en la portada del blog solo borra esa condicional y listo. Y dos, no uses este truco si utilizas internet explorer, lo probé y acabó con mi paciencia; funciona bien en los demás navegadores :)

2 comentarios:

  1. Me ha parecido muy interesante tu truco, es más, es el único que me ha funcionado jajaja Ya lo he implementado en mi blog http://garrapateroempresario.blogspot.com.es/

    P.D. Por cierto para que a nadie le pase como a mí, el código que hay que buscar para insertarlo debajo lo tenía dos veces en mi plantilla y solo funciona si lo pegas debajo del primero de ellos :)

    Un saludo!

    ResponderEliminar
    Respuestas
    1. Gollo, gracias por ese detalle que olvidé mencionar. Y que bueno que pudiste solucionarlo. Otro saludo para tí :)

      Eliminar

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger