Tutorial: Perfil com imagem redonda e ícones sociais!!!

Oi meninas, tudo bem com vocês? Espero que sim.

Hoje vou ensinar como deixar a foto do perfil da blogueira redonda, e com ícones sociais abaixo da descrição.

Assim:

Atenção: PROIBIDO REBLOGAR

Bem vamos ao código para a foto do perfil, lembrando que antes você tem que hospedá-la para pegar a URL da foto. Existem alguns sites que hospedam gratuitamente como o TinyPic.

 Passo-a-passo:

Primeiro vá em LAYOUT > depois em adicionar um Gadget > e adiciona um HTML/ Java Script, em seguida copie e cole o código abaixo:


center>
<img src="LINKDASUAFOTO" style="-moz-border-radius: 400px; -webkit-border-radius: 400px; -o-border-radius: 400px; width:440px; heigh:auto;" />
<br />
DESCRIÇÃO DA BLOGEUIRA <br />
           <br />
<center><a href="LINKDOTWITTER"><img src="LINK-DO-ÍCONE-DO-TWITTER"/></a>
<a href="LINKDOFACEBOOK"><img src="LINK-DO-ÍCONE-DO-FACEBOOK"/></a>
<a href="LINKDOTUMBLR"><img src="LINK-DO-ÍCONE-DO-TUMBLR"/></a>
<a href="LINDDOPINTEREST"><img src="LINK-DO-ÍCONE-DO-PINTEREST"/></a>
<a href="LINKDOYOUTUBE"><img src="LINK-DO-ÍCONE-DO-YOUTUBE"/></a>
<a href="LINKDOGOOGLEPLUS"><img src="LINK-DO-ÍCONE-DO-GOOGLEPLUS"/></a>
<a href="LINKDOINSTAGRAM"><img src="LINK-DO-ÍCONE-DO-INSTAGRAM"/></a>
</center>

Entenda o código:

O que está em azul é o link da sua foto hospedada. Obs: para ficar bem redondinha o ideal é que sua imagem seja quadrada.

O que está em rosa é a sua descrição.

O que está em vermelho é o link da sua rede social.

O que está em verde é o link do ícone das redes sociais. Eu fiz alguns clique aqui para ver. Se quiser ícones especiais e com a cara do seu blog, é só entrar em contato comigo aqui.

Pronto agora salve tudo e visualize...

 Gostou? deixe seu comentário!

Bjs da Rafa e até o próximo post!!!