Firma para Blog con diferentes Autores

Un buen detalle para un blog con diferentes autores es una firma, en este caso firma extraída de la presentación de Google+.

Recordar que:

1. Tu cuenta de Google+ debe estar enlazada con Blogger.
2. En la edición del blog: Diseño/Entradas del blog. Debe estar habilitado la opción: "Mostrar el perfil del autor debajo de la entrada"

-CSS-

.aboutauthor img { display: block; width: 139px; height: auto; border-radius: 50%; border: 0px; background: #497fa8; float: left; padding: 0px; margin-right: 20px; } 
.aboutauthor .authorname { color: #fff; font-family: raleway; font-weight: 700; font-size: 23px; margin: 0px 0px 0px 0px; }
.aboutauthor { float: left; margin: 37px 0px; background: #2b353c ; padding: 21px; }
.aboutauthor .authorrank { color: #FFF; margin: 0px; font-size: 16px; text-align: justify; } .aboutauthor p { color: #fff; font-size: 14px; }

-HTML-

<div class='aboutauthor'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='100px'/>
<p class='authorname'><data:post.author/></p>
<p class='authorrank'><data:post.authorAboutMe/></p>
</div>

 -VISTA PREVIA-