27 gifs para colocar no seu blog como mascote - Quatro Estações

27 gifs para colocar no seu blog como mascote

26 setembro 2015comente

Um tutorial bem fácil e pronto para você colocar no seu blog (para blogspot, wordpress e outros)





Olá! Bem vindos de volta, tudo bem?


Hoje trago um pequeno tutorial que muitas pessoas tem pedido para eu fazer e mostrar como faz para colocar um mascote no blog igual ao que tenho aqui.

Tenho um gatinho preto no cantinho esquerdo da tela do blog, que pode conter algum link e redirecionar para outra página, como também pode ser um simples botão para subir página e outras utilidades para quem sabe mexer com códigos html de blog.


Selecionei algumas imagens de gif da internet e inseri o mesmo código que tenho aqui. Mas atenção: os códigos não estão 100% prontos, será necessário acrescentar seu link (caso você queira redirecionar para uma página quando as pessoas clicarem no mascote).

Eu modifiquei o botão de subir página, para no meu caso, redirecionar para outra página e não só subi. Mas você poderá deixar sem link nenhum também, ou até mesmo, acrescentar outra imagem (mas tem que ser com fundo transparente).

O código é este:

<div style=”position:fixed; bottom:40px; left: 25px;”>
<div style=”padding:auto;text-align:right;”><a href=”URL DE PÁGINA” title=”TÍTULO“>
<img src=”LINK DA IMAGEMwidth=”auto” height=”auto”/>
</div></div>

Entendendo o código:

Bottom: distância para subir pra cima ou imagem mais para baixo
Left: distância da margem esquerda. Se você quiser a imagem na direita, é só trocar a palavra left por right.
URL DE PÁGINA: aqui você pode ou não, inserir um link da sua preferência
TÍTULO: nomeie o mascote ou coloque o nome da página que será redirecionada ao clicar
LINK DA IMAGEM: aqui é onde você coloca o link da imagem onde você hospedou ela. Se você não sabe como hospedar uma imagem, olhe este post aqui.
width=”100″ height=”100″: aqui é onde você decide o tamanho da imagem. Para usar a imagem no tamanho natural, troque os números para a palavra auto, como no meu caso. Para aumentar a imagem, aumente o número em 100, 200 … para diminuir a imagem, é só diminuir o número.
Agora, é só escolher um mascote abaixo, copiar e colar o código em um gadget do seu blog.

Mascotes em gif para blogs


























































































Espero que tenham gostado e se usar, comente aqui no post!
Muito cuidado ao modificar o código copiado e colado. Não apague nenhuma vírgula ou aspas sem querer, pois o código não funciona se algo de errado.




PROIBIDO REBLOGAR