27 gifs para colocar no seu blog como mascote - Quatro Estações | Autoconhecimento, evolução e consciência 27 gifs para colocar no seu blog como mascote - Quatro Estações | Autoconhecimento, evolução e consciência

27 gifs para colocar no seu blog como mascote

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

Aviso de propriedade: Todos os conteúdos do Quatro Estações são protegidos por copyright, o que significa que nenhum texto pode ser usado sem a permissão expressa, mesmo citando a fonte.

14 comentários

  1. Esses mascote só me lembra tempos antigos de blogsfera. *-*

    Ps.:Obrigado pela visita lá no blog, fico feliz que tenha gostado do tutorial.

    ResponderExcluir
  2. que nada... não existe antiguidade na blogosfera. A cada dia, surge muitos blogs novos e ter um mascotinho no blog é muito bom :)

    ResponderExcluir
  3. Muito fofo esses mascotes. Queria usar um desses, mas como o conteúdo do blog é protegido, não consigo copiar o código.

    ResponderExcluir
  4. Tô adorando ver esse tipo de post no seu blog (esse e o de sugestão de nomes). Me faz lembrar dos blogs de antigamente, sabe?

    ResponderExcluir
  5. Da pra copiar os códigos de dentro das caixinhas que estão abaixo da imagem. Tecla control C pra copiar.

    ResponderExcluir
  6. Obrigada. Faço posts assim porque o pessoal me pede muito através de email ou mesmo pelo questionario da pesquisa de público ( quando clica no gatinho, abre a página rs).

    ResponderExcluir
  7. Olá Danny!
    Estou usando o seu cabeçalho e o mascote no meu blog.
    Muito obrigada viu?

    ResponderExcluir
  8. OLÁ,DANNY,QUERIA SABER COMO FAÇO PRA COPIAR O CÓDIGO DO TUTORIAL,POR FAVOR...

    ResponderExcluir
  9. Aqui dá uma boa explicação... gadget ou widget dá no mesmo.
    criarsites.com/o-que-e-um-gadget-do-blogger-e-qual-a-sua-importancia/

    ResponderExcluir
  10. Como coloco o link no mascote para subir ao topo?

    ResponderExcluir
  11. esses códigos não servem para isso. Não é o de subir ao topo :(

    ResponderExcluir

JUNTE-SE A 2.797 PESSOAS. Inscreva-se na nossa lista VIP para receber o conteúdo no seu e-mail gratuitamente.

PARCEIROS

Tedioso: Os melhores links Notícias Agregador de links
Visitas.Site o Agregador!