Como fazer um quem sou eu personalizado (redondo e quadrado)

Oi pessoal, como estão?

Muitos de vocês tem me perguntando como faço pra deixar o meu perfil assim, com a foto redondinha e abaixo descrição com ícones das sociais. Confesso que pra mim é algo extremamente simples e achava até meio bobo fazer um tutorial, mas eu estudo códigos toda semana, então resolvi fazer na esperança de que seja útil para alguém.

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="width:300px; heigh:auto;" />

<br />

Descrição aqui

<br />

<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>

</center>

Traduzindo o 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.

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.

Para baixar ícones sociais gratuitos visite a categoria de um blog que achei, Freebies.

Esse código é muito simples e funciona em qualquer plataforma, não tem como não funcionar, então se não deu certo a explicação é simples: você fez alguma coisa errado. Recomendo que comece o tutorial novamente com bastante atenção.

Gostaram do tutorial?
Qualquer dúvida comentem! :)