1 Como colocar perfil com foto redonda, dscrição e redes sociais no Blog - *magazine luiza* >

Como colocar perfil com foto redonda, dscrição e redes sociais no Blog

Olá pessoal, como esta tudo bem.
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 desde os 16 anos e me lembro bem de como foi difícil no início, então resolvi fazer na esperança de que seja útil para alguém.
Como colocar perfil com foto redonda, dscrição e redes sociais no Blog
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 minha categoria de 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? crédito para karoline
Qualquer dúvida comentem! :)
Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Olá! muito Obrigando por ler meu Blog e também por se dispor a comentar meus posts. seja muito bem-vindo (a)! Importante! Muito obrigando, fique a vontade para interagir. mais lembre-se: Gentileza, Educação e boas maneiras servem também para a vidas nos blog..................

Voltar ao topo