27/08/2016

Perfil com foto, descrição e redes sociais

Oi meus amores!
Eu ando meio sumida né? Pois então, eu estava resolvendo coisas da minha vida pessoal e do blog também! Repararam que mudei o layout? ^^ 
Mudando de assunto...
O post de hoje é de como fazer para ter um gadget de perfil com foto redonda (ou não) + descrição + redes sociais! Vamos lá?

CÓDIGO - BLOGGER E WORDPRESS
Blogger: adicione um novo gadget de HTML/Java Script e cole o código.
Wordpress: adicione um widget de texto e cole o código.

FOTO ARREDONDADA:
<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>
FOTO NORMAL:
<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>
Mudando o código
- O número em vermelho é a largura da sua foto. Caso queira mudar, mude. A altura se ajusta automaticamente.
- A linha em azul é referente a 1 ícone de rede social. Se quiser colocar mais ícones, repita essa linha novamente abaixo quantas vezes quiser. É apenas 1 linha para cada rede social. 

Como colocar imagem
Hospede as suas imagens (fotografia e ícones sociais) no Imgur (só uso ele, pois é simples). Depois de hospedar é só clicar com o botão direito na imagem, copiar a URL e substituir no código acima onde é indicado.

Bom amores, esse foi o tutorial! Espero que gostem.
Qualquer dúvida comentem aqui em baixo! 

2 comentários:

  1. Adorei a dica, obrigada por compartilhar <33
    Parabéns pelo blog, já estou seguindo para poder acompanhar as novidades

    www.papomoleca.com.br

    ResponderExcluir