11 março 2015

Como Adicionar Perfil Com Foto Redonda Descrição e Redes Sociais


Olá Gente,Tudo Bem?
Hoje eu vim ensinar vocês a colocar perfil com foto redonda descrição e redes sociais
Eu Pesquisei Na Internet Eu Tentava Fazer e sempre dava errado ai eu modifiquei algumas coisas e deu certo vai ficar igual o exemplo:

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: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; 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 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>
 o código
- O número  vermelho é referente à largura da sua foto, ajuste como desejar. Não é necessário ajustar a altura, será feito automaticamente.
- A linha Rosa é 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 Imagens?
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.


Deu Certo?
Se Sim Deixa Ai Nós Comentários Ficarei Muito Feliz Em Saber Que Te Ajudei.

Beijos!

                                                                                               



Nenhum comentário:

Postar um comentário

Copyright © 2015 | Design e Código: Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo