Hace unos meses publique una entrada donde enseñaba como agregar el truco de acerca del autor pero en blogs de un solo autor,pues recibi varias solicitudes de como agregar el truco en blogs con varios autores.


Para agregar este truco primero entra en la Edición HTML de tu blog y con los artilugios expandidos busca y elimina lo siguiente:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</span>

Ahora debajo de <data:post.body/> pega lo siguiente:

    <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>

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 quieres agregar otro autor solo debes agregar otro bloque como el siguiente:

 <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>

Ahora para darle un poco de estilo haremos uso del CSS que deberas pegar antes de  ]]></b:skin>

.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;
 }

Como vez es muy fácil solo es cuestión de pegar unos cuantos códigos y arreglarlo a vuestro gusto.

Para finalizar aclaro que los resultados solo se verán en las entradas.

Categorías: Trucos Blogger

36 comentarios

Oziel SGA · mayo 17, 2012 a las 6:01 pm

Tengo un problema cuando pongo el código, aparece en la esquina izquierda del blog bajo el slide en la portada, ¿cómo puedo arreglar?
Tengo un resumen de las entradas por debajo del slide.
Aquí está el enlace al blog: http://www.gleoz.com

¡Gracias por vuestra atención!

Oziel SGA · mayo 17, 2012 a las 6:02 pm

Tengo un problema cuando pongo el código aparece en la esquina izquierda del blog en el slide, ¿cómo puedo arreglar?
Tengo un resumen de las entradas por debajo del slide.
Aquí está el enlace al blog: http://www.gleoz.com

    Juvinao · mayo 18, 2012 a las 1:20 am

    Oziel no tengo una idea clara de tu problema podrias ser un poco mas especifico 😕

Carlos Chamorro · mayo 17, 2012 a las 8:58 pm

jajaja Justo estoy en busqueda de esto y lo vengo a encontrar aqui xD… Gracias man :D… lo usare en mi blog de Geek 😀

    Juvinao · mayo 18, 2012 a las 1:23 am

    Carlos que bueno que encuentres aqui lo que necesitas..
    Un saludo amigo 😎

Carlos Chamorro · mayo 19, 2012 a las 2:30 pm

Me funciono al 100% 😀 pero Lo use de otra forma xD..

Mira -> http://pasaelgeek.blogspot.com/

    Juvinao · mayo 19, 2012 a las 9:56 pm

    Carlos que bueno que te haya servido,Saludos 😀

MariosYam · junio 18, 2012 a las 1:31 am

hola hermano y sí mi plantilla no tiene el primer código (el que se elimina) que hago?? Sólo hago los demás pasos??

    Juvinao · junio 23, 2012 a las 7:31 pm

    Debes buscar un codigo similar (lo mas similar posible).

animeshentai · junio 29, 2012 a las 11:07 am

Hola,Juvinao una pregunta yo tengo en mi blog varios autores y mi pregunta es,si la lista de autores se mostrara en cada entrada? por ej: si son tres autores se veran los tres autores en cada post? o solo se mostrara el autor el creador de dicha entrada? se vera un autor por entrada? please ayuda amis dudas.;;

    Juvinao · julio 1, 2012 a las 6:56 pm

    Solo se mostrara el creador de la entrada 😀

    animeshentai · julio 2, 2012 a las 8:43 am

    gracias si eso era mi duda vere si lo pongo a mi blog gracias

    Juvinao · julio 2, 2012 a las 8:08 pm

    De nada ya sabes que para ayudar estamos.

    animeshentai · julio 3, 2012 a las 5:09 pm

    soy yo otra vez puse el truco este en mi blog pero no ce muestra en cada entrada no aparece nada noce cual sea el problema por que mi plantilla es un diseno megazine y le an quitado algunas cosas de blogger..tal vez sea por eso..

    Juvinao · julio 3, 2012 a las 8:03 pm

    Dejame la URL de tu blog o mejor tu plantilla para analizarla.

    animeshentai · julio 4, 2012 a las 10:48 pm

    Te dejare la URL de mi blog pero es una pagina para adultos me avisas si la vistes por que no ce si queras ver la pagina, es esta mi URL http://animeshentai-sd.blogspot.com/

    Juvinao · julio 5, 2012 a las 8:10 pm

    Has cambiado bastante la estructura de tu plantilla,dejame el link de la plantilla sin modificar por favor 😀

    animeshentai · julio 6, 2012 a las 6:41 pm

    Hola no se si te refieres a la plantilla original aunque te cuento que yo no la e modificado solo e modificado la parte de la cabecera y el menu solo eso y tambien agregue una opcion para mas dadget unicamente eso y los trucos que e puesto te envio la plantilla original para descargar,,,no se si es esa la q pides me avisas…

    https://rapidshare.com/files/3738060004/Dione.xml

    Juvinao · julio 6, 2012 a las 8:58 pm

    Dame un par de dias y la revisare para solucionar tu problema.

    animeshentai · julio 6, 2012 a las 9:51 pm

    Gracias,esperare es tare pendiente po tu respuesta..sabes estoy buscando un truco igual al que tienes en el blog en la parte de abajo parte derecha del » Follow » pero yo lo necesito para poner un chat sabes algo de eso? porque ya busque por todos lados y no encuentro nada…

    si deseas puedes suprimir mis comentarios porque no creo que sean de mucha ayuda para otros..gracias..

SIRBLACK · diciembre 10, 2012 a las 5:58 pm

no puedo instalarlo en mi blog help link de mi blog http://www.elbloglibre.net/ esta en construccion

AngelG CE · febrero 15, 2013 a las 2:58 am

no me sirvio… sigo todos los pasos y no me salen…

SIRBLACK · febrero 22, 2013 a las 3:37 am

amigo no me funciona agrego los codigo y aun nada!! http://www.elbloglibre.net/ cuando puedas echame una mano xfavor

SIRBLACK · febrero 22, 2013 a las 3:50 am

quisiera que me ayudaras con otros temas relacionado al blog, pero me gustaria hablarlo contigo x msn

SIRBLACK · febrero 22, 2013 a las 7:00 pm

algun msn de contacto para poder hablar

SIRBLACK · febrero 22, 2013 a las 7:43 pm

Listo Amigo ya lo agregue espero que me pueda aceptar y ayudarme en algunos problemas desde ya muchas gracias!! 😀

JhonatanWho · marzo 27, 2013 a las 11:27 pm

Hola, ósea que con ésta modificación al código, un artículo aparecerá con 2 autores distintos?. Hay que repetir la modificación en cada post?. Saludos.

    Hayder Juvinao · marzo 31, 2013 a las 4:11 pm

    NO solo hay que poner este código una sola vez y es en la plantilla.

Skullvic · mayo 25, 2013 a las 6:54 pm

Hola! muchas gracias por la ayuda, casi lo tengo.
Solo dos pegas. La primera es que el avatar no me aparece cuando pongo la url de mi avatar, la segunda es que me gustaría que solo apareciese esta referencia cuando se abriese un post ¿cómo hago eso?
muchas gracias ^^

Velkan Sánchez · marzo 26, 2014 a las 3:26 pm

Yo no tengo forma de ponerlo, tengo una plantilla similar a la tuya y haga lo que haga no sale nada. Podrías ayudarme?

Localiza Recursos Sociales · junio 16, 2014 a las 7:34 pm

Este comentario ha sido eliminado por el autor.

Responder a AngelG CE Cancelar la respuesta

Marcador de posición del avatar

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