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.
1 comentários:
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.
Adorei! Estou aprendendo mts dicas no seu blog. Obrigada.
ResponderExcluirSó não sei ainda como hospedar uma imagem p copiar o endereço dela