Mil Trucos Blogger

Acerca del Autor en blogs con varios autores

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

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.

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

36 Comentarios

  1. Mayo 17, 2012    

    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!

  2. Mayo 17, 2012    

    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

    • Mayo 18, 2012    

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

  3. Mayo 17, 2012    

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

    • Mayo 18, 2012    

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

  4. Mayo 19, 2012    

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

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

    • Mayo 19, 2012    

      Carlos que bueno que te haya servido,Saludos 😀

  5. Junio 18, 2012    

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

    • Junio 23, 2012    

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

  6. Junio 29, 2012    

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

    • Julio 1, 2012    

      Solo se mostrara el creador de la entrada 😀

    • Julio 2, 2012    

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

    • Julio 2, 2012    

      De nada ya sabes que para ayudar estamos.

    • Julio 3, 2012    

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

    • Julio 3, 2012    

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

    • Julio 4, 2012    

      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/

    • Julio 5, 2012    

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

    • Julio 6, 2012    

      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

    • Julio 6, 2012    

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

    • Julio 6, 2012    

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

  7. Diciembre 10, 2012    

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

  8. Febrero 15, 2013    

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

  9. Febrero 22, 2013    

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

  10. Febrero 22, 2013    

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

  11. Febrero 22, 2013    

    algun msn de contacto para poder hablar

  12. Febrero 22, 2013    

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

  13. Marzo 27, 2013    

    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.

    • Marzo 31, 2013    

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

  14. Mayo 25, 2013    

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

  15. Marzo 26, 2014    

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

  16. Junio 16, 2014    

    Este comentario ha sido eliminado por el autor.

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