Este widgets para blogger, es una caja de autor con la biografia o simplemente un Author Box exclusivo para wordpress publicado por Arnab Mohapatra. Puedes encontrar el mensaje original aquí. Lo he adaptado para blogger y ahora te explico como agregar este Simple Author Box Plugins Blogger en tu blog.

Caja de autor con biografía - Gadgets para blogger

Codigo para implementar el Author Box Plugins Blogger en las entradas de tu blogspot:

Estilos CSS del plugins Author Box Para Blogger

/*!
* AUTOR BOX BLOGGER
* by tutorialbloggerorg.blogspot.com
* Insertar los estilos CSS antes de ]]></b:skin>
*/

.author-box {
	padding: 3%;
	padding-bottom: 30px;
	margin-top: 60px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	box-shadow: rgba(23, 43, 99, .14) 0 7px 28px !important;
}
.author-box .avatar {
	width: 250px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.5em;
	font-weight: 600;
}
.author-description {
	line-height: 1.6em
}
.author-links a {
	margin-top: -0.5em;
	font-size: 1em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.author-box {
		padding: 20px;
		padding-bottom: 20px;
		margin-top: 100px;
		flex-direction: column;
		text-align: center;
	}
	.author-box .avatar {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100px;
		margin-top: -35px;
	}
	.author-box .avatar img {
		max-width: 100px;
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: 0.5em;
	}
}

Código HTML del plugins Simple Author Box Plugins Blogger. Selecciona el codigo html y pega despues de la etiqueta <data:post.body/> en el código fuente de tu plantilla

<!--author-box-->
<div class='author-box'>
		<img class='avatar' expr:src='data:post.author.authorPhoto.image'/>
	<div class='author-info'>
		<h5 class='author-title' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
			<span itemprop='name'><data:post.author.name/></span>
		</h5>
		<div class='author-summary'>
			<p class='author-description'><data:post.author.aboutMe/><br/></p></div>
		<div class='author-links'>
			<a expr:href='data:post.author.profileUrl' title='Read more'>Ver todo mi perfil</a> 
		</div>
	</div>
</div>

¿No logras hacer funcionar este plugins en tu blog?

Cuenta conmigo para implementar este plugins en tu blogger. Si quieres que lo haga yo por ti, porque no tienes tiempo ni ganas de hacerlo, solo debes:

¡Contrátame Aquí!