www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

Como aumentar a foto do perfil do Blog

Como aumentar a foto do perfil do Blog


Quer aumentar a imagem do perfil do seu blog e ainda acrescentar os ícones das redes sociais abaixo da foto ? Nesse post vou ensinar como fazer isso. Você pode optar por deixar a foto redonda ou somente aumentar o tamanho da foto do perfil do blog.
 






No painel de seu blog , vá em Layout,  adicionar um gadget de HTML/Java Script, copie o código abaixo e cole lá. Siga os passos abaixo ;







Como aumentar a foto do perfil do blog ( REDONDA )


Esse código arredonda a foto;

    <center>
<img src=”ENDEREÇO DA FOTO” style=”-moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px; width:300px; heigh:auto;” />
 <br />


Entendendo um pouco sobre o código:

 width ; é o tamanho da largura da foto  ( altere caso queira que a foto fique um pouco menor )



Para aqueles que querem acrescentar os icones de redes sociais em baixo das fotos, é só copiar o código a seguir, e colar em baixo do código acima.

    <br />

 <a href=” URL DA REDE SOCIAL“><img src=”URL DA IMAGEM“/></a>
 </center>

Se quiser adicionar mais de uma rede social, é só copiar o código mais uma vez e acrescentar na próxima linha a outra rede social. Exemplo
 

   <br />
 <a href=” URL DO FACEBOOK“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL DO INSTAGRAM“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL DO TWITTER“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL GOOGLE + “><img src=”URL DA IMAGEM“/></a>
 </center>
E assim por diante.



Aumentar a foto sem arredondar.

Esse código não arredonda a foto, mas aumenta o tamanho dela.

Caso não queira que a foto fique redonda, o código é esse abaixo, mas pode usar o mesmo código das redes sociais acima.Ele não interfere na imagem do blog.

    <center>

<img src=” ENDEREÇO DA FOTO” style=”width:300px; heigh:auto;” />
 <br />
   <br />

 <a href=” URL DO FACEBOOK“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL DO INSTAGRAM“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL DO TWITTER“><img src=”URL DA IMAGEM“/></a>
 </center>
   <br />
 <a href=” URL GOOGLE + “><img src=”URL DA IMAGEM“/></a>
 </center>

 width ; é o tamanho da largura da foto  ( altere caso queira que a foto fique um pouco menor )




 Dica;
Não esqueça de fazer a hospedagem da imagem em algum site. 



0 comentários:

Postar um comentário

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2017. Todos os direitos reservados.
Criado por: Vanessa P.