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>
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!!!
Nenhum comentário: