" Dicas Para Blogger"

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.

Como colocar imagem:

   
    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.

    E se gostarem desse tutorial e quiserem ver outros é só deixar os pedidos aqui abaixo. Estarei sempre trazendo tutoriais relacionados a blogosfera e entre outros temas.