Postagens | Dicas blog, Imagem, Pc Windows

Colocar imagem animada no post do blog com Blogger

Vou mostrar como colocar uma imagem gif animada no post do blog que usa blogger. Com isso, depois você poderá copiar o código da imagem ou Url e passar para outro local, como área de gadgets.

A muito tempo atrás era preciso hospedar a imagem em sites que permitiam gif e que ainda não excluíam a animação dela, e mesmo assim correndo o risco daquele site de hospedagem remover a imagem. No blogger é possível adicionar imagens animadas(emoticon, banner gif) e, o blogger usa o Picasa do Google que é bem mais confiável.
Porque a imagem perde a animação ao postar?
As vezes a imagem não fica animada quando a gente adiciona no blogger, isso que acontece porque o blogger usa uma versão menor da imagem na tentativa de deixá-la mais leve, sendo assim, quando você inserir uma imagem animada deve escolher a opção tamanho original, mas isso só é possível usando o editor de post atualizado, eu gosto do antigo, mas vou mostrar como fazer uma troca rápida e temporária de editor, isso apenas para postar a gif animada.
Para colocar imagem animada, use o novo editor
Para quem não usa o novo editor de posts, basta acessar o blogger e ir em nova postagem e, na barra de endereços do navegador substituir www por draft ou acessar o draft.blogger.com e assim você usará o novo editor temporariamente apenas para criar um post e inserir a imagem animada.

    Fazer a imagem continuar animada depois de inserir no post

    Os passos abaixo só mostram como faz a imagem continuar com a animação que tinha antes de postar no blogger, se precisar saber como inseri imagem, clique aqui
  1. Acesse o blogger e criar novo post
  2. Clique na opção Escrever do editor de post
  3. Insira a imagem normalmente com novo editor ou usando o Draft.blogger.com
  4. Clique sobre a imagem
  5. Na barra de menu que aparecer clique em Tamanho original ou para alguns é Original size
Clique para aumentar
como faz para colocar emoticon animado ou gif animadas em postagens do blogger

Mais um tipo de dengue, gif que girar e se mexeEra isso, essa imagem ao lado eu fiz no meu Pc e passei para o blogger usando o método acima, se precisar você pode transformar a imagem em link para outro post, se quiser colocar a imagem na lateral basta ir no botão Html ou opção Editar Html do editor de postagem e copiar o código dela, pode ver como coloca código na lateral do blogger.

A dica para quem está começando é fazer um blog de testes e praticar bastante, coloque imagens, tente aumentar elas, faça posts, insira gadgets, fique bem atento a cada coisa que acontece, o que dá certo e o que dá errado, se for para aprender e é em um blog de testes...

12 comentários:

  1. Olha eu to amando teu site, ta me ajudando muito, mas eu queria saber como eu coloco a imagem animada junto ao meu titulo, eu tenho um blog no blogspot e não sei como por a minha imagem animada junto ou em baixo do titulo do blog, tem como me ajudar???

    ResponderExcluir
  2. Ola, bom dia.
    Acompanho seu site há muito tempo e sempre consigo solucionar meus problemas e dúvidas com suas orientações. Estou postando aqui essa pergunta pois minha dúvida está relacionada a imagem. Algumas postagens que fiz no meu blog aparece ao lado da imagem título esse código "Normal 0 21 false false false PT-BR X-NONE X-NONE ..." o que deixa a postagem horrível. já tentei tirar mas não consegui. Na verdade não sei nem porque isso acontece. Obg e Feliz Páscoa.

    ResponderExcluir
    Respostas
    1. Você deve pensar e lembrar se adicionou um código no HTML do seu modelo, eu não sei se tem algo errado com ele, veja no seu código se encontra parte desse texto que está aparecendo, como X-NONE e é ele que está causando isso, não sei qual a função dele, ou se realmente está desempenhando alguma função.

      Excluir
  3. Ola Lizandro.
    Tentei mas não consegui tirar o código.
    Talvez seja o código da imagem, onde ela está hospedada não sei. Continuarei tentando. Se descobrir a solução te aviso. Mesmo assim obrigada pela dica e pela atenção.
    Um abç..

    ResponderExcluir
    Respostas
    1. Desculpe a demora em responder, passei por uns "dias confusos", mas, o que me havia levado a acreditar que era no HTML do seu modelo foi o fato de ter visto o código que me informou num post que estava na sua página inicial e quando acessei ele aí o código não estava na postagem, isso me levou a cometer um "erro de julgamento".
      Mas, agora acredito que você esteja usando algum programa para escrever os textos e copiando eles para o blogger, isso acaba levando códigos ocultos junto, vi no seu código-fonte algo assim <w:WordDocument><w:View>Normal</w:View><w:Zoom>0</w:Zoom><w:HyphenationZone>21</w:HyphenationZone><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:LidThemeAsian>X-NONE</w:LidThemeComplexScript>
      Percebeu uma semelhança, imagine sem as tags, é como seu erro, pois as tags ficam ocultas, concluindo, evite usar programas para criar textos com ou sem imagens e colocar no blogger, prefira usar apenas a área de criar post do blogger e escrever diretamente lá, evite copiar coisas de outras páginas da web e colar diretamente no blogger, se quer usar um programa para escrever aí então, antes de colar um texto no blogger você deve colar em um editor de textos comum como o "bloco de notas" do windows e depois colar no blogger, esse documento somente texto vai remover toda a formatação mas também os códigos ocultos que são incompatíveis com os códigos do blogger

      Excluir
    2. Bom dia, caro amigo.
      Ao ler sua resposta, fui logo tentar consertar umas das postagens. E realmente o erro saiu. De fato eu vinha escrevendo as postagens no meu computador pelo editor de texto e só depois colava no blog. Aproveitando gostaria de saber se isso acontece também com imagens, se ao invés de inserí-la pelo editor do Blogger a colarmos diretamente no texto.

      Excluir
    3. Acredito que é bem provável causar algum problema, até pode acontecer de não aparecer visualmente, mas o código "estranho" pode ficar oculto, sendo um peso desnecessário e causar carregamento mais lento de seu blog ou até um conflito com outras tags do blog, e, essas tags podem também dificultar o "entendimento" de seu blog perante sites de busca, o que também não é bom.
      Pode acontecer da 'imagem só aparecer na sua tela', um dia vi um caso de uma pessoa que copiava as imagens de sua caixa de mensagens de email e postava, ela não sabia que as imagens eram destinadas a ela e protegidas para só serem vistas quando ela estivesse logada, ela postava sem perceber que as outras pessoas não viam a imagem.

      O melhor é usar um editor de imagem se quer modificar ela e salvar no computador usando um nome que represente o que vê na imagem, claro que, não nome muito grande, e, aí então postar no blog usando o modo padrão como mostrei na postagem, só que, para imagens comuns(inanimadas), não precisa escolher a opção "Tamanho original", se quer a imagem apareça pequena, pode escolher tal opção no blogger.

      Excluir
  4. Tenho uma dúvida, como fazer com que a gif entre sem o quadrado de fundo?! Porque o daft eu uso corriqueiramente, e esse problema não tem como resolver.

    ResponderExcluir
    Respostas
    1. Se você fala de imagens postadas em posts, possivelmente é um estilo do modelo do blog, se retirasse tal estilo do modelo afetaria todas as postagens(independente da imagem ser gif ou não, pois o estilo é para a imagem postada, independente de ser gif ou não), para fazer algo diferente em cada post, daria um imenso trabalho e teria que fazer algo parecido a cada vez que você postar (teria que mexer no html na opção do editor de post a cada vez). Algumas coisas pode ser melhor deixar como está.

      Excluir
  5. PARABÉNS! Super útil seu post!

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares