Ya he publicado varios trucos de como poner el famoso recuadro del acerca del autor en Blogger, pero hoy no haremos uso de ningún truco o código externo ya que esta función ya es soportada de forma nativa por Blogger y es muy bueno el resultado final de este truco.


Como ven mi cuadro de Acerca del autor ha quedado muy bien, si quieres agregar este truco a tu blog sigue los siguientes pasos:

Lo primero que debes hacer es tener vinculado tu blog con un perfil de Google+

Para hacer esto debes ir a la pestaña de Google+ del escritorio de Blogger, allí encontraras la opción correspondiente para unificar Blogger con Google+.

Luego de esto debes ir a Diseño, Entradas del Blog, Editar y marcar la casilla «Mostrar el perfil del autor debajo de la entrada», con esto ya debe de aparecer en tu blog el cuadro de acerca del autor.

Lo que se mostrará en dicho cuadro es la información que tienes en el apartado de Presentación y puedes acceder a ellos desde tu Perfil Google+, pestaña Sobre mí, sección Historia.

Si aun no te aparece el cuadro, debes agregar debajo de <div class=’post-footer-line post-footer-line-1′> lo siguiente:

<b:if cond='data:post.authorAboutMe'>
  <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
    <b:if cond='data:post.authorPhoto.url'>
      <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
    </b:if>
    <div>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
        <span itemprop='name'><data:post.author/></span>
      </a>
    </div>
    <span itemprop='description'><data:post.authorAboutMe/></span>
  </div>
</b:if>

Luego de esto ya te aparecerá el apartado de Acerca del autor, aunque su apariencia es simple esta se puede personalizar con CSS, en mi caso he añadido el siguiente css antes de ]]></b:skin>

.author-profile {
 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;}

Este es un magnifico truco para Blogger y lo mejor es que esta función ya esta de forma nativa en Blogger.

Categorías: Trucos Blogger

2 comentarios

jo cansur · noviembre 18, 2013 a las 12:15 am

PARCERO!!!… Me alegra que sea Colombiano.

Responder a Hayder Juvinao 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 *