Novo modelo d/ box perfil

Boas tardes e feliz domingo,eu tive pouco de tempo disponivel e ai resolvi trazer um novo modelo de box -bio.
Têm imagem rotativa sombra nas letras icones de redes sociais com efeito rotativo etc,pode ver a imagem acima é este o resultado final.
Mas pode visualizar online:  ENTRE AQUI...

Antes de tudo faça uma cópia do seu template...

Vamos entrar no painél do blog depois em modelo e editar html :
Procure este código:

E acima dele coloque este meu código:

<b:if cond='data:blog.pageType == "item"'>
<style>
/* -- BIO-BOX http://best-tuga.blogspot.pt/-- */
  .bio-boxbt {background: url(http://i.imgur.com/rpc3U0p.jpg) repeat  left;color:#fcfcfc;font:13px Arial black;text-shadow:5px 5px 5px #e166f6;margin:10px 0 10px 0;padding:10px;overflow:none;border:solid 5px #e9fa6c;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
height:110px ;
}
.bio-boxbt p {margin:0;padding:0;}
.bio-boxbt img {background:#372F2F;float:left;margin:0 10px 0 0;padding:4px;border:2px dashed #444;border-radius:10px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.bio-boxbt img:hover{background:#effa55;
transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(357deg) scale(1) skew(1deg) translate(0px);
}
</style>

<div class='bio-boxbt'>
<p><img alt='best-tuga' height='100' src='http://i.imgur.com/BTrZnRs.jpg?1' title='best-tuga' width='70'/><span style='color: #fff;
text-shadow:0px 4px 2px #eb65eb;
'><b><u>BEST-TUGA</u></b></span><br/>O meu passatempo favorito é deixar passar o tempo, ter tempo, aproveitar o meu tempo, perder o tempo, viver a contratempo..</p>
.  
  <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9at7IOGyEhCC6U31yecX8SZaXbxkcvDFbMYCZXbsb_f6FtAWjDUBMlVwf8HBCU5Ud58Fc5JYGGIQ_phJFWmShcY408B5j_3m4uLmmoh_eagmdRO7lMv2BIsxaq1Ja3pNNu8iOeUSYpZU/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGChMICSM9Hk0j_KOAzRWnplyxvxk1IeNVDj4GuaCqrpTPV50Mm573A04hUejG4tRDvq_m5LqjLP0UmuaavBhdL6cSTO2JPlvIytmNU9qFPF3H1GKo4yCZYbbcSYM2pKuQwlbkTCmLthI/s1600/digg.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlI0GiEYeP0Iqyq3VLh5WPCn7sJkMpodLi3XiQfdZ43VbLV-NMkra7GfUPvQ6mF28k3_ZIRgzqlcj72SJXTY7VH_qbKg2C_KMegK7HlTmALM6R03bkzSZ9Rh-J7XNAFSIm3QQTgqhwx5U/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipcEgIrbGjPUitcov_VXv5Ic90zZKJbq29IbldLaTtfxWSc4-i30YX76Ubb-4iPQjAzCg5YViNBjYgQIkdBfmjA9LX7G7PaZqEXGKwqXsGu5yQgzqOn7HSKjePJ9iKnZTJlI_oajcBV1A/s1600/twitter.png' width='32'/></a>
 <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-_0Q_hM8JR8F8gaYswGirZnGY2DZKrlZpa99JB760tNVQ2ZDKNDYjySyfojTtnu10UL22x0VluwN4gN_s5QRymc25VwJt7oyJznIuFomX_M2EnfzDNVRKt44T57dfcd3sPaY8TkK65s/s1600/stumbleupon.png' width='32'/></a>  
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLlbuu5BaFOoWAosqKXiKrpoOXmM6OEsk3os46iIsVld7WFSMGfqzBgvDH28xvL3VodA_OaM8XvJ_1Oc6aezeS2rJjQVIXdTVUwM-v0u6Xwx2BzlodvcfnYX6sxPmZtJmHT6uepkyFA8M/s1600/more1.png' width='32'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/> </div>
</b:if>

Espero não encontre dificuldades ,se tiver dúvidas disponha até mais...

Novo modelo d/ box perfil

► 8

► box

► Cartita