Tutorial: Perfil com imagem arredondada e
ícones das redes sociais
Oi pessoal, hoje vou mostrar para vocês como deixar o seu perfil super organizado e bonito, com a imagem arredondada, com a sua descrição e com os ícones das redes sociais... igual a imagem abaixo:
O Código
- Para Blogger adicione um gadget de HTML/Java Script e cole o código.
- Para WordPress adicione um widget de Texto e cole o código.
Para arredondar a foto:
<center><img src="URL-DA-SUA-FOTO" style="-moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px; width:300px; heigh:auto;" /><br />Descrição aqui<br /><a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a></center>
Se você não quiser arredondar a foto:
<center><img src="URL-DA-SUA-FOTO" style="-moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px; width:300px; heigh:auto;" /><br />Descrição aqui<br /><a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a></center>
Legendo do Código
- O número em vermelho é referente à largura da sua fotografia, ajuste como desejar. Não é necessário ajustar a altura, será feito automaticamente.
- A linha em azul é referente à 1 ícone de rede social. Se você quiser colocar mais ícones, deve repetir esse linha novamente abaixo quantas vezes desejar, sempre 1 vez para cada rede social.
- A linha em azul é referente à 1 ícone de rede social. Se você quiser colocar mais ícones, deve repetir esse linha novamente abaixo quantas vezes desejar, sempre 1 vez para cada rede social.
Hospede as suas imagens (fotografia e ícones sociais) na sua conta do Picasa Web. Depois de hospedar é só clicar com o botão direito na imagem, copiar a URL e substituir no código acima onde é indicado.
Gente é super fácil. Não tem erro. Porém qualquer problema que dê ou alguma dúvida vocês podem deixar aqui abaixo nos comentários.
Nenhum comentário:
Postar um comentário