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