Como Colocar Perfil com Foto Redonda + Redes Sociais!!

Esses dias estava pensando e vi que não queria focar meu blog só em moda e tendências, provavelmente algumas pessoas não irão gostar e outras vão. Mas é que meus gostos não se resumem só a moda, eu quero também poder ajudar e diversificar o conteúdo do blog, por que se não pode acabar enjoando.

Então por causa disso eu resolvi começar realmente a série ''Blogosfera'', que irei dar dicas de como personalizar tal coisa, mostrar links de alguns Templates free entre outros assuntos que realmente ficamos confusas. Por que eu quis falar sobre isso? Simples, por que quando comecei a personalizar o blog senti muita dificuldade, e foram esses tutoriais que me ajudaram a arrumar o meu blog do jeitinho que eu quero.

O post vai ensinar como deixar seu perfil mais ou menos assim como o meu:

É bem simples, rápido e fácil!!

Vai vai em Layout > Adicionar um gadget > 

Adicionar gadget de HTML/JavaScript e vai colar o código abaixo.

<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>

Traduzindo o código:

• Onde tem URL DA SUA FOTO, você vai colocar a foto de perfil, sugiro hospedar no Picasa Web ou o Drive do Google. 

• Onde tem 300 , é onde você pode mudar a largura do perfil, mas é melhor não mexer caso não saiba as proporções.

• E por fim, onde tem ENDEREÇO DA REDE SOCIAL, você coloca o link da rede social que você queira usar. Se quiserem eu ensino como usar esses códigos.

• E no ENDEREÇO DO ICONE você hospeda as imagens no Picasa ou no Drive, copia a url e cola no código.

Colocando as imagens:

Para colocar a url das imagens você vai precisar de imagens, certo? Hahaha, então vou mostrar umas aqui que também podem ser usadas.

   

    

     

• Então é só salvar e hospedar em algum dos sites, ou por aqui mesmo, você clica com o botão direito do mouse e procura Copiar URL da imagem, copia e cola no código.

Para as imagens vocês podem também dar uma olhada nesse site aqui Follow Your Dreams, essa linda disponibiliza vários Freebies para você baixar, é só procurar e fazer o mesmo procedimento, lá ela ensina direitinho como usar. xD

Ou no Juliana Rabelo que ela tem uns ícones aquarelados a mão, são bem fofinhos!!

Agora é só colocar a mão na massa e personalizar seus ícones, perfil e o que mais quiser no blog!!

Espero que tenham gostado do tutorial meus amores!!

Beijooos :*