Mil Trucos Blogger

“Acerca del autor” en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Por defecto Blogger no viene con la famosa firma o acerca de autor como WordPress pero este se puede solucionar añadiendo este truco que les enseño hoy.
La imagen de la firma se vera de la siguiente manera:

Pasos


1. Vamos a Diseño | Edición de HTML y marcamos la casilla Expandir plantillas de artilugios  y buscamos el siguiente codigo 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>

La parte eliminada es la que muestra el “Publicado o Escrito por”


2. Buscamos el siguiente codigo

<data:post.body/>

Y debajo del anterior codigo agrega lo siguiente

<div id='Sobreauttrblcn'>
<img border='0' src='URL IMAGEN'/><div id='blAAut'><span style='font-style:italic; font-size:10px;'>AUTOR DEL ARTÍCULO:</span> <strong><data:post.author/></strong></div>
<p>BREVE BIOGRAFIA DEL AUTOR</p>
</div>

<style>
#Sobreauttrblcn {font-family:Arial,helvetica,sans-serif;background:#F4F4F4;border:1px solid #CCCCCC;color:#424242;font-size:12px;letter-spacing:0;margin:20px 0;padding:6px;text-transform:none;}
#blAAut {border-bottom:3px solid #DDDDDD;width:80%;}
#Sobreauttrblcn strong {padding-left:6px;color:#333333;font-weight:bold;font-size:13px;}
#Sobreauttrblcn img {background:#FFFFFF;border:1px solid #CCCCCC;float:right;
height:70px;margin:4px 4px 8px 6px;width:70px;}
</style>

Cambia lo que esta en rojo por la url de tu avatar y lo que esta en verde por tu firma o biografia.


El recuadro con tu biografía podrá visualizarse al pie de todas las entradas en cualquier apartado del blog. Para mostrarlo únicamente en las páginas de entradas individuales, añade las líneas resaltadas en negrita al principio y al final del primer bloque -respectivamente-:

<b:if cond='data:blog.pageType == "item"'>
<div id='Sobreauttrblcn'>
<img border='0' src='URL IMAGEN'/><div id='blAAut'><span style='font-style:italic; font-size:10px;'>AUTOR DEL ARTÍCULO:</span> <strong><data:post.author/></strong></div>
<p>BREVE BIOGRAFIA DEL AUTOR</p>
</div>
</b:if>

Guarda la plantilla para terminar.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

30 Comentarios

  1. Anonymous Anonymous
    Abril 17, 2011    

    De lujo me lo llevo funciona :p

  2. Agosto 15, 2011    

    oye esta bien dificil para encontrar los primeros codigos los que no encuentro son

  3. Agosto 15, 2011    

    @Diego G. lo que pasa es que hay plantillas que no vienen con estos codigos 🙁

  4. Enero 16, 2012    

    ommmmmmmm que pesar a mi no me sale asi el codigo el primero solo lo busco por la primera linea de ese codigo y hago el resto y doy vista previa y me sale un error que hacer

  5. Enero 16, 2012    

    hoa de nuevo quiero decirte que ya lo he solucionado he cogido el penultimo cuadro de codigo donde dice url de la imagen y todo eso y lo pongo en cada entrada al final en formato html y me sirve ps seria por cada entrada que hago poner eso xD gracias de este problema nacio una gran idea los problemas no siempre son malos !

  6. Enero 16, 2012    

    luxurian hacksout pero esto es automatico,busca solo la primera parte del codigo y veras uno similar y luego lo borras y pones el siguiente que dice la entrada.

    Ponerlo entrada por entrada no va muy bien.

    Saludos 😀

  7. Enero 16, 2012    

    si ya la he resuelto pude ponerlo automatico pero entrando por configuracion y luego entradas y comentrarios y salia un cuadro de texto donde pegue el codigo ya modificado asi que cada entradame sale el cuadro a lo ultimo sin necesidad de ponerlo gracias problema resuelto amigo gracias !

  8. Enero 17, 2012    

    luxurian hacksout pues que bien que ahora si lo hayas podido arreglar.

    Saludos.

  9. Abril 5, 2012    

    Y cuando son varios autores?…

    • Abril 7, 2012    

      Fletcher es otro codigo que ahora no recuerdo,buscare cual es y cuando lo encuentre lo pondre 🙂

  10. Mayo 18, 2012    

    Como pones esas letras en los titulos de los gadgets?
    Yo dejo la misma letra, pero el problema es que queda borrosa.

    Una mano please.

    un saludo

    • Mayo 19, 2012    

      leviomat puedes configurarlo desde el Diseñador de Plantillas.

  11. Agosto 5, 2012    

    Esto me da un error me dice: Error al analizar XML, línea 1518, columna 87: The reference to entity “filename” must end with the ‘;’ delimiter.

    Lo que es extraño ya que antes lo habia puesto en otro blog y no me había dado problema.

    • Agosto 6, 2012    

      Y en cual blog te presenta problemas?

  12. Agosto 13, 2012    

    Cómo queda el código si solo quiero poner la imagen de firma?? no quiero el avatar ni nada, solo la imagen de firma… :3 Gracias

  13. Agosto 13, 2012    

    Bueno ya pude al parecer XD… pero solo tengo una duda… como hago para que el “Seguir leyendo” quede antes de los comparte y de la firma?? quiero que el seguir leyendo no quede hasta el final de todo 🙁 como lo pongo en primer lugar?? Gracias!!!

  14. Agosto 13, 2012    

    De nuevo Disculpa todo el spam n.nU … ya pude poner el seguir leyendo arriba de todo y quedo super XD!! :3 gracias por todos tus tutos que me han servido bien ;3

    • Agosto 15, 2012    

      Leslie de veras eres una genio en el tema del blogging,tu misma te desenredas de todos los problemas..

      Eres muy habil en esto,Saludos amiga :love:

  15. Octubre 2, 2012    

    el avatar es de ayudablogger.info xd BUEN APORTE

    • Octubre 3, 2012    

      Ya cambie la imagen XD! es que yo no usaba ese truco pero ahora que lo uso ya saque el cap y voy a poner mi imagen :blaf:

  16. Diciembre 10, 2012    

    Yo lo tengo añadido el codigo pero a pesar de todo no se me ve.. No se que le puede fallar, la segunda parte que pones otro codigo exactamente que tengo que hacer?

    • Diciembre 13, 2012    

      Hector solo debes llegar hasta el segundo paso, con eso sera suficiente para añadir el truco a tu blog, el ultimo paso omitelo.

  17. Enero 15, 2013    

    Tengo tres en mi plantilla en cual debería de poner el codigo?

  18. Marzo 18, 2013    

    Primeramente… saludos 🙂
    me funciono (y), tengo una duda quiero modificar la posición de mi fotografia quiero ponerla a lado izquierdo
    como lo hago?

  19. Mayo 3, 2013    

    Hola! Enhorabuena por el post! Lo encuentro muy útil.
    A mayores querría saber si hay alguna forma de añadir dos autores a un mismo post.

    Muchas gracias.

  20. Agosto 6, 2013    

    En mi caso no funciona

    http://pruebasluigi.blogspot.com.es/

    He probado muchos códigos de distintas webs y ninguna funciona (casi todos son los mismos).

    ¿Cuál puede ser el problema?

    Saludos y gracias. Estaré atento a al respuesta.

    • Agosto 7, 2013    

      Lewis porque no trabajas con otra plantilla, muchas veces el problema es que las plantillas son muy complicadas y para “dominarlas” toca pelear un buen tiempo con el código.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo