26 de set de 2016

Ícones das redes sociais com efeito hover



Oi gente, vocês sabem que ter as redes sociais do seu blog sempre á disposição do seu leitor é essencial, mas que tal apresenta-las de uma forma mais caprichada? 

Pra quem gosta de personalizar tudo nos mínimos detalhes, eis uma dica super legal, são os ícones das redes sociais com efeito hover, ou seja, quando passamos o mouse elas mudam de cor, opacidade e etc.

Quer aprender á colocar no blog? Então continua lendo.
Esse modelo que eu fiz para vocês está com os códigos prontos, você só pega e usa conforme o tutorial, assim é melhor para simplificar a vida de todo mundo, não é mesmo?

Para adicionar ao seu blog copie o código a seguir, vá em Layout > Adicionar Gadget > HTML/JavaScript > cole o código e altere os campos marcados com o link de cada rede social, depois é só salvar e pronto.


<a href='FACEBOOK'><img onmouseout='this.src=&apos;http://i.imgur.com/unIybeh.png&apos;;' onmouseover='this.src=&apos;http://i.imgur.com/K9r7SQ5.png&apos;;' src='http://i.imgur.com/unIybeh.png '/></a>
<a href='INSTAGRAM'><img onmouseout='this.src=&apos;http://i.imgur.com/fjoAmgG.png&apos;;' onmouseover='this.src=&apos;http://i.imgur.com/OAl0dKz.png&apos;;' src='http://i.imgur.com/fjoAmgG.png '/></a>
<a href='GOOGLEPLUS'><img onmouseout='this.src=&apos;http://i.imgur.com/xBxkd9d.png&apos;;' onmouseover='this.src=&apos;http://i.imgur.com/FP7VQrd.png&apos;;' src='http://i.imgur.com/xBxkd9d.png '/></a>
<a href='TWITTER'><img onmouseout='this.src=&apos;http://i.imgur.com/JrSplLH.png&apos;;' onmouseover='this.src=&apos;http://i.imgur.com/1fbhz9v.png&apos;;' src='http://i.imgur.com/JrSplLH.png '/></a>
<a href='YOUTUBE'><img onmouseout='this.src=&apos;http://i.imgur.com/zZbKHSX.png&apos;;' onmouseover='this.src=&apos;http://i.imgur.com/7Nu7TUz.png&apos;;' src='http://i.imgur.com/zZbKHSX.png '/></a>
Esse é só uma provinha pra vocês, por isso fiz mais clean para combinar com todos os blogs, logo post mais em diversas cores e modelos.

PS.: Lembrando que eu trabalho com a criação de layouts para Blogger, vinhetas animadas, capas para canal e fanpage, logotipo, mídia kit e muito mais, interessadas basta me contatar pelos comentários, fanpage ou clicar nos créditos do rodapé.

Beijos e até a próxima.

Nenhum comentário :

Postar um comentário