19 de mar de 2016

Foto Do Perfil Com Redes Sociais No Blog


Oiie amores, tudo certo?

No #DicaParaBlogueirasIniciantes de hoje, trouxe um tutorial bem legal para você que criou o blog recentemente e quer dar um tapa no visual dele. A foto do perfil do autor do blog é uma marca única no seu blog, e que você pode personalizar de maneira fácil e bem simples.


Então hoje vim ensinar a vocês como deixar a foto do perfil arredondada com a descrição da blogueira e os ícones das redes sociais, como no exemplo abaixo;
♥ Vamos aos códigos
Para o Blogger vá em Layout e clique em HTML/JavaScript e cole o código abaixo;
Para WordPress adicione um Widget de Texto e cole 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>

Entendendo o código

Onde está destacado em VERMELHO é onde você vai colocar a URL da sua foto já hospedada, você pode hospedar as imagens tanto da foto quanto das redes sociais no Picasa Web com a sua própria conta do Google, depois de hospedada as imagens é só clicar nelas com o botão direito do mouse e copiar o endereço de imagem no caso a URL. 
Onde está destacado o número em NEGRITO é onde você vai ajustar a largura da sua foto, ajuste como preferir, Onde está escrito "DESCRIÇÃO AQUI" é onde você vai escrever sobre você e onde está em AZUL é onde você vai colocar o nome da rede social e colar a URL das imagens. 

ATENÇÃO 

Repita o mesmo código da linha azul e vá colando abaixo para cada rede social que você for colocar.

♥ Para facilitar um pouco em relação as imagens das redes sociais deixei disponível aqui no Blog da Renata Massa onde tem várias imagens legais que você pode baixar e usar. 


E ai gostaram do tutorial de hoje?? me diga aqui nos comentários se deu certo ok?
Super Beijoooo!!!




5 comentários

  1. Bem prático! Adorei o tutorial e o resultado fica ótimo. Então, meu blog está com uma meta de 150 seguidores, falta pouco e eu fiz lá um "game" de que todo mundo ganha, confere lá se você puder também.

    Beijos, obrigada desde já.
    http://blogclose-it.blogspot.com/

    ResponderExcluir
  2. vou deixar meu whats porquê eu não conseeegui :( me ajuda por favor!!
    81992973413

    ResponderExcluir
    Respostas
    1. Oi, Victória, olha no momento estou sem celular falei lá no instagram q ele quebrou, olha é bem simples esse tutorial, é só vc colar esse código, e para cada imagem da rede social vc vai repetir o ultimo código da linha AZUL, vc copia e cola abaixo para cada imagem da rede social que for colocar, é simples. espero ter ajudado. Beijos

      Excluir
  3. Gostei da dica, Vou tentar agora.

    http://www.mineiraantenada.com/
    https://www.youtube.com/mineiraantenada

    ResponderExcluir
    Respostas
    1. Que bom que gostou amore, qualquer coisa é só falar. beijos

      Excluir