Añadir cuadro de autor al final de las entradas

Blogger no ofrece nada similar a lo que, en cambio, sí figura en Wordpress, el mayor competidor de la plataforma de blogs de Google. Consiste en una cajita descriptiva a final de las entradas sobre el autor del blog. Incluye unas líneas de perfil y la imagen de la misma. Incluirlo en el diseño de Blogger es muy fácil.
 

• Ubicación: plantilla.
• Proceso: 

1.)  Copiar el siguiente bloque después de esta línea <div class='post-footer'>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='tw-authors'>
    <div class='tw-author clearfix'>
      <div class='author-image'><img alt='' class='avatar avatar-70 photo' height='70' src='URL DE LA IMAGEN' width='70'/> </div>
    <h3>Escrito por <a expr:href='data:post.authorProfileUrl' rel='author' title='Entrada del autor'><data:post.author/></a></h3>
    <div class='author-title-line'/>
    <p> TEXTO </p>
    </div></div>
    </b:if cond>

Editar lo que figura en color rosa. 

Si aparece dos veces la línea <div class='post-footer'> copiar el bloque de nuevo bajo dicha línea.

2.) El siguiente paso son los estilos del cuadro (colores...). Buscar esta línea ]]></b:skin> y pegar antes el siguiente bloque:

/* Estilos para el cuadro de autor */
.tw-author {
margin: 50px 0;
padding: 20px;
background-color: #333;
margin-bottom: 20px;
}
.tw-author .author-image {
float: left;
margin-right: 30px;
margin-top: 15px;
}
.tw-author h3,.tw-author a {
color: #fff;
font-size: 13px;
}
.tw-author p {
margin: 0;
color: #fff;
margin-top: 10px;
}
.tw-authors {
float: left;
border-top: 1px solid #d2d2d2;
width: 625px;
}
.tw-author {
float: left;
}
.tw-author.clearfix h3 {
font-weight: bold;
text-transform: uppercase;
color: #fff!important;
margin: 0px;
margin-top: 10px;
}
.tw-authors p {
font-size: 13px;
}

Ahora hay que editarlo a gusto personal.

El cajoncito aparecerá automáticamente al final de cada entrada escrita.