Colocando gifs, imagens, banners no blog
Tem muita gente que ainda não sabe colocar Elementos de Página no blog (lê-se links, gifs, banners e afins...). Para colocar qualquer coisa com código no seu template, vá em Modelo, clique em Adicionar Elemento de Página e escolha a opção HTML/JAVASCRIPT e coloque lá o seu código. Para colocar só os links de outros sites, por exemplo, é só escolher a opção Lista de Links. Dê o nome que quiser à lista e você pode publicá-la em ordem alfabética ou não. É muito simples. Depois de salvar, arraste o quadradinho onde estará o código para a posição em que deseja que apareça no seu template.
Edit: Tenho recebido vários e-mails de pessoas que se queixam de que seus gifs animados perdem os movimentos ao serem publicados no blog. Primeiro, deve-se entender que as imagens hospedadas no Blogger vão para uma pasta automaticamente criada para você, no Picasa e no Picasa não funcionam os gifs animados! O jeito é colocar o gif copiando o link da imagem (o link oferecido em uma hospedagem, como o ImageShack) diretamente no post ou na coluna lateral, sem hospedar a imagem no blogger. Para tanto, deve-se usar o seguinte código:
<img src="endereço da imagem">
Para transformar uma imagem em link, use este código:
<a href="endereço do site" target="_blank"><img src="endereço da imagem"></a>
target="_blank " garantirá que a página seja aberta em uma nova janela/aba.
109 comentários:
BRIGADA! BRIGADA! BRIGADA!!!
Olha querida, eu sou uma anta cibernetica de 53 anos, teimosa, que gostava de fazer crochê quando ema mais velha, hehehe. Sem a sua ajuda seria impossível decifrar o blogspot. Ele é muito diferente dos outros, mas de "pacito", com alguma ajuda, chego lá. Você é Muuuito legal.
Teu link já está lá.
Um beijo
como eu faço pra postar un gif animado na postagem, qnd eu faço isso o gif fica em jpg e perde a sua animação
pode manda un email
movimentodirua@yahoo.com.br
obrigado
Como coloco o menu em baixo da imagem do topo??
sempre quis saber... ;)
Olá, primeiro muito bom seu blog realmente vc faz muitas coisa interessantes. Mas restou a mesma dúvida da didi: """como eu faço pra postar un gif animado na postagem, qnd eu faço isso o gif fica em jpg e perde a sua animação""
Por favor quebra essa pra nós. Ensina isso aqui no teu blog ou me envia a-mail ensinando. Serei muito grato.
gravehard_ex@yahoo.com.br
Valew
oi, tudo bem? eu acho que não preciso dizer nada sobre o seu trabalho. É excelentissimo. Estou também com a mesma duvida. Não estou conseguindo colocar gifs animados no meu blog. Pesso que me ajude, por favor. Fiz do jeito que está la na informação, mas não anima. Desejo saber como fazer. meu e-mail é ailton.new@gmail.com
obrigado.
eu tb não consegui, insiro o endereço.gif, igual posto no orkut e só fixa o lonk no blog.tem algo errado.
vera_magnoni@hotmail.com
Parabens pelo site,bjssssssssss
Faz tempo que estou atras destes comandos, mas queria saber como colocar os banners, do lado direito e esquerdo, assim como o seu blog? Valeu brigadão!!!
passarela, pelo que entendí da sua pergunta, basta baixar um template com tres colunas, uma de cada lado
eu consegui fazer com que o gif saisse animado sim,basta ir em MODELO,ADICIONAR UM ELEMENTO A PAGINA,DE SEU COMPUTADOR,localize a imagem e o mais importante DESMARQUE A OPCAO REDUZIR PARA AJUSTAR e SALVAR ALTERACOES..se mandar reduzir o gif NAO SAIRA animado mesmo.
Olá, bom dia!!!
Gostaria muito de pedir sua ajuda.
Eu não tenho muita experiência com recursos do blogger. Vi uma imagem (gift animado) de papai noel na internet,salvei como e coloquei no meu blog no cabeçalho. Ocorre que 10 minutos após eu ter postado a imagem tentei retira-la e não obtive sucesso. Apesar de clicar em retirar a imagem o comando não é obdecido.Não sei o que fazer, não quero mais esta imagem no meu blogger.
Espero que você possa me ajudar.
Agradeço desde já.
Meu email é andresagalvao@yahoo.com.br
Andresa
Oi Ariane, obrigada pela sua atenção. Fiquei tentando por mais de 2 horas. Mudei o template, alterei umas configurações e depois de muitas tentativas do nada saiu o "bendito" papai noel. Não sei como foi mas saiu.
Eu até poderia deixar até o natal mas como eu não sabia se consegueria alterar depois preferi não arriscar.
Só vou colocar gifts em postagens não mais no template.
Seu blog é lindo e a ajuda que você da as pessoas não tem preço.
Muito obrigada pela atenção!
Um abraço,
Andresa
Oi Ariane, estou com o mesmo problema da Andresa.
Coloquei um gift lá e pronto não quer sair mais, estava fazendo uns testes.
Só que coloquei no cabeçalho e o comenado de retirar não funciona.
Fiz as mesmas coisas que a Andresa, já mudei tudo e o tal enfeite não sai.
Você tem como me ajudar?
Obrigada.
www.todoyda.blogspot.com
meu e-mail é: cristiane22@hotmail.com
Cristiane,a Andressa conseguiu resolver sozinha o problema e eu mesma nunca tinha visto isto antes. as vezes o blogger dá uns erros, o melhor então é sair (fazer logout) e entrar novamente.
Olá percebi que você é muito inteligente em html!
você poderia me explicar, como por imagem mapeada na imagem de título
(akela imagem grandona que fica no topo da página!)??
Olá,
1° Parabéns pelo seu blog, foi dele que eu consegui fazer o meu, xD...
tipow, eu ainda estou a procra de um codigo que mostre a "quantidade de visitas no blog, pessoas on-line etc, tipow em um quadrinho"...
Tipow, eu poderia ter alterado o template néh, adorei o De Hades...tipow alterei sóh com fonte negrita no menu!!!xD
Valeu!!!
Abç feraw!
Ola estou fazendo um blog pra escola onde trabalho e gostaria de deixa-lo bonito e agradavel para as pessaos que o visitarem masi ainda não consegui colocar um relogio, nem um calendário, você poderia mim ajudar?????????descobri que temos algo em comum tb sou pisciana..desde já agradeço
endereço do blog escolaclassecachoeirinha.blogspot.com e meu e-mail e vanladuit@gmail.com
Oi! Estou fazendo meu proprio template e tenho encontrado muitas dicas aqui. E tudo muito bem explicado. Obrigada!
Mas coloquei um mini gif no meu perfil direcionando um link e ele ficou com uma BORDA AZUL em volta.
O que faço?
bruna, procura este trecho:
.profile-img {
float: center;
margin: 5px;
padding: 4px;
border: 1px solid $bordercolor;
}
ai vc apaga a linha onde está border.
abraço
o ariane, queria saber como eu posso responder um comentario de um visitante do meu blog???
queria responder e que a resposta fosse para o email dele???
você pode me ajudar???
abraçosssss!!!!
Oi!
Já aprendi muita coisa com você por aqui!
Só tem uma coisa que eu ainda não consigo fazer... adicionar um cursor!
Como faço isso?
Bjs!
esse blog da ariane e a salvaçao da lavoura muito obrigado mais uma vez amiga, nao sei o que seria de mim sem as suas dicas, beijos
bem queria q vc me ajudase,é q toda vez q eu faço um post o titulo a aparece uma barra branca,e eu queria q essa barra ficase preta. como posso resolver isso?aqui ta a imagem do meu blogo
http://img135.imageshack.us/img135/9170/blogygoiz4.jpg
teria como me passar uma resposta por imael,ygomagalhaes@gmail.com
ficaria grato se pudesse me ajudar...
Puxa vida...rsrs vcs acreditam que eu ainda não consegui colocar gifs animados no meu blog? Estou me sentindo uma ignorante...rsrsrsrsrs Será que alguém pode, por favor, me explicar timtim por timtim como eu faço isso? Fiz o seguinte procedimento:
adicionar imagem (do meu computador) sem selecionar a caixa "shrink to feet". Mas aí, a imagem fica que nem uma foto...
Como que se faz isso funcionar?
Desde já, agradeço a atenção...
abraços!
Olá,
Voce poderia me ajudar colocar um banner no topo do meu blog.
http://blog.insampa.com
arturtoguchi@gmail.com
Olá,
Parece-me que o server do Blogger não gosta de gifs de fundo transparente.
Tentei várias vezes a inclusão de dois deles no meu blog e o efeito da transparência não se manifestava, embora eu soubesse que as imagens são mesmo de fundo transparente, porque testei com o Dreamweaver, fazendo uma página web com eles.
Só resolvi o problema quando coloquei os gifs noutro servidor e os chamo de lá.
Será que é mesmo assim ou é burrice minha ?
Abraços
Jorge
"Para colocar qualquer coisa com código no seu template, vá em Modelo, clique em Adicionar Elemento de Página e escolha a opção HTML/JAVASCRIPT e coloque lá o seu código."
como faço para achar esse "modelo"? Onde tem isso no meu blog?
aguardo resposta...
brunna.fernandes@hotmail.com
Adorei esse espaço. Já adicionei em meus blogs e estou passando adiante. Muito show!!!
Valeu pela solidariedade.
Muita Paz!!!
Lindomar
Gostaria de agradecer por todas as informações aqui postada...sou TOTALMENTE leiga em informática, mas, suas explicações são de um entendimento fácil que me proporcionou a oportunidade de montar meu blog.
PARABENS!!!!!
Boa tarde, gostaria de saber como faço p/ postar gifs no meu blog. Não é colocar imagem ao lado. É na postagem mesmo. É que gostaria de postar uns gifs para os visitantes visualizarem a imagem e, se quiserem, copiarem, entendeu? Postarei tbm o link. Mas só o link nãose visualiza a imagem sem acessar e eu gostaria de ter as imagens, até para enriquecer meu blog, ok? Por favor me responda: by_silvia-felix@hotmail.com ou artefelix.blogspot.com Grata.
silvia, vc tanto pode hospedar as imagens no proprio blog como hospedar em outro site e colocar como indica o texto. Tanto para a sidebar como para o post o método é o mesmo.
Ola!! amigo se gostaria de saber como eu faço para colar imagens e gifs em meu hotmail quando mando msgs, ficaria muito grata por me ajudar estou no orkut como verinha bessa desde ja agradeço um forte abraço... meu msn esta la no orkut caso queira usa-lo ,fique avontade eu te aceitarei ..
Olá Ariane, você pode me explicar porque as imagens que posto no meu blog não são encontradas no "pesquisar imagens" do google? quanto a difereça de ser do meu computador ou da web, tipos de títulos com acentos ou outras coisas, de tudo ja modifiquei mas não adianta. continua sem aparece nos resultados. Meu blog é março de 2008
eu n@o entendii n@@o
Olá meu nome é Andréia estive olhando sua página, em busca de ajuda, estou montando o meu blog, mas estou com muita dificuldade, se você pode me ajudar te agradeço, gostaria de colcar no meu blog calendário , relógio, marcador de visitas mas não consigo, entro nos blogs que os fornecem pego o codigo , clico em adicionar elemento da página mas não consigo , o código url é invalido. Desde já te agradeço.
Um abraço!
Andréia
Olá.
Tenho o desejo de tornar o cabeçalho do meu blog em uma gif animada.
Preciso de ajuda pois tem ficado uma imagem estática.
Obrigado
ola e parabens pelo blog, gostaria de saber como faço para colocar wallpaper na postagem para os visitantes baixarem.
aguardo respostas e muito obrigado
Meu blog é o:
http://www.geracaopop.blogspot.com
Fiz como vc disse e consegui por um gif animado, só que depois não consegui por
mais nenhum nem nas outras páginas do meu blog
parece que ele não aceita?....
Oi eu d novo.... é possível colocar um gif no título da sidebar ?
thanks !!!!
burity, é possível sim. Tem um tópico aqui só sobre como personalizar a sidebar e explica esse detalhe. abraço!
Vc me ajudou muito
obrigado vou colocar vc no meus links
abraços
Acho q sou outra burra!pois tbem luto,luto e nunk conigo colocar gifs animados nas postagens.
Se alguém puder me ajudar
tamyresgoulart@hotmail.com
Bellah, vc não é burra, o Blogger que é chato com gifs. uma alternativa é hospedar a imagem em outro site, como no ImageShack e depois colocar no blog.
olá,
meu nome é michelle, eu gostaria de saber como se monta gifs.
a minha amiga sabe fazer mais ela fica me inrritando falando:"SEGREDO" nin guem merece.
eu queria saber fazer para colocar no meu blog, POR FAVOR?
se puder me responda, ok?:
michelledul@hotmail.com
e além de tudo obrigado
não sei se é o local apropriado pra pergunta, mas queria saber como colocar uma imagem/icone ao lado de link de menu no blog?
tem como fazer isso? ou já é de mais pro blogger?
Obrigado
Muito boa a dica!
Vlwww!
VOÇE TÊM QUE ME AJUDAAAAAAAAR!
brinkadeirinhaaa
só pra encher o saco depois que ouvi o Pod Cast.
hUAhUAhuA
essa foi ótima :-)
Gostaria de saber como faço para colocar um número de visitantes em meu blog, aquele marcador de visitas, ou contador, não sei bem o nome. Grato
Kleyton, uma busca rápida no google por 'contadores de visitas' irá te trazer um monte de resultados. Você pode ainda encontrar em algum outro blog algum contador que te agrade, aí é só clicar nele que, geralmente, você é direcionado para o site que o fornece. Geralmente basta indicar o endereço do blog e copiar o código fornecido e colar no blog, abrindo um elemento de página HTML/JavaScript.Espero ter ajudado.
olá! td bom?!
sempre frequento seu blog ^^
mas eu nao estou conseguindo colokar gifs no blogger
negocio de xml
sera q vc poderia me ajudar?
Parabéns pelo trabalho , sou totalmente “tapada”, tenho o mesmo problema com relação a animação , td os gif ficam estáticos, não consegui seguir os passos dados por vc, porque , pasme não sei o meu código, por favor acenda uma “luzinha” para mim e me diga onde vejo o meu código.
Abraço Marina
marina, os gifs só terão movimento se vc hospedar a imagem em outro site que não o Blogger.
Nossaaaaa Você foi um Anjo muitoo Obrigada pela explicação depois de muitas lutas com o blog consegui ..beijos
Não consigo colocar figuras no meu blog, mesmo com a explicação não consigo saber onde tenho que colar o codigo, pois sigo tudo direitinho mas na opção Html não tem lugar para colocar o código. Me ajude por favor não sei se é a minha configuração que esta errada ou realmente não estou sabendo fazer.
Sheila, o código não está lá, vc deve copiar (como ensinei acima) e colocar nele o link da imagem, depois de hospedá-la.
Oi!
Talvez vc nem me responda por falta de tempo, mas juro q não entendi como coloco uma gif no meu post. Tentei hospedar a imagem no Image Shack como sugerido, mas ainda assim, ela continua estática.
Se vc puder me ajudar... Faz mto tempo q não mexo em templates, sou de uma época em q era bem mais fáceis. Huahuahuahuahuahua...
Bjs
Cara.. eu juro.. que eu nao tou achando essas opcoes aqui.. de Modelo e depois adicionar elemente de pagina.. me ajuda por favor
Puxa, Valeu, estava quebrando a cabeça pra postar umas gifs no meu blog, e não tinha pensado no código html.
Brigadão
http://danger-hackes.blogspot.com/
Como colocar para a imagem fica do tamanho da largura e altura da coluna ?
aew algeiin pods mii ajuda a "configurar" um blog grato
Clan_Roota@Hotmail.com
gostaria de saber como retiro uma atividade de sala de aula do meu computador e coloco no meu blog
Eu Queria Saber Como colocar os banners, do lado direito e esquerdo, assim como o seu blog?
Elias.Oba@hotmail.com
Alguem de vocês que já tem blog tambem
me ajude por favor
Oi Ariane, gostaria de entender melhor sua chamada de atenção, achei justo alguns termos, mas outros não entendi.
Não tenho a menor intenção de fazer propaganda aqui,apenas sanar algumas dúvidas.
Você poderia entrar em contato comigo pelo pqdpalazzo@gmail.com ?
obrigado
Palazzo
como faço um banner ?
Vlw mesmo!
Muito obrigado pelo esclarecimento,
e parabens pelo blog.
Olhiih..
não conseguir..
toda vez que faço isso não fica.
me explique com mas detalhes..
e sem palavras complexas tá.
Brigado
Bom dia.
Gostária de saber como colocar no meu blog uma barra como a que tem no seu (Home;etc).
Encineme.
Por favor envie uma mensagem a encinarme para marciofonseca@live.com.pt
Fico á espera
boa tarde gostaria de saber como faço para postar imagem em arquivo gif no meu blog
agradesso desde de ja.
Como colocar uma caixa de texto em baixo do banner para o pessoal linkar?
n tá pegando mais!!
Olá
Também de Portugal há quem peça para ensinar uma coisa que pelos vistos é simples.
Como colocar imagens no meu blog ?
Alguém me ensina o truque ?
Obrigado
Oi queria pedir a vcs se posso colar sua reportagem.. No meu blog !
http://cantinhodamiimiih.blogspot.com/
Beiijos!
Miih, é proibida a cópia total ou parcial dos tutoriais, ok? Você pode mencionar o texto colocando um link para cá, mas copiar não pode.
Boa Noite!!
brigada por todas essas informações, vc consegue ensinar de um modo mais simples ( de outros site ke entrei para aprender).
Semana de Sucessos a Ti**
Boa noite!
Esta e a segunda vez que venho aqui em busca de informação, e pela segunda vez consigo o que eu quero, simplesmente seu site ensina de forma pratica e simples ao contrario de muitos outros.
da primeira vez que entrei em seu site nao adicionei o mesmo em meus favoritos, agora navegando no site de busca bati cabeça por horas ate cair aqui, e acabei conseguindo o que procurava.
coloquei um link de seu blog no meu e definitivamente aqui sera a escolha numero 1 quando eu precisar de aucilio.
muito obrigado!
link do meu blog:http://caminhos86.blogspot.com/
hummm tá esplicado por que as imagens não se mechem
muito obrigado !
Ola. Sou novo no blog e antes de postar qualquer coisa de verdade e estou fazendo uns testes de configuracao e de personalizacao. Quero fazer algo interessante e divulga-lo depois. Adorei sua pagina e com toda certeza visitarei muitas vezes.
A minha duvida de hoje: Nao consigo colocar GIFS animados, sempre que coloco perde a animacao.
Meu e-mail : axellmiller@hotmail.com
Obs: desculpe a falta de pontuacao este teclado esta desconfigurado.
Nossa!Demorei mas encontrei um site que me ensinou exatamente o que eu queria,muito obrigada,adorei este site!!!
Valeu pela dica, deu certo mesmo,,
MUito, bom, consegui, finalmente, parabens pelo blog
obrigado te amo muito
oi!!
nossa esse blog é muito bom, salvoua minhavida. :)
já consigui montar o template "mais ou menos"
e tenhoduas duvidas...
eu peguei um teplate e foi modificando...
eu criei um header maior, entao nao sei como haha consigui aumentar a largura do fundo, mas agora nao consigo acertar as colunas.
e tambem queria saber como coloca contador, essas coisinhas... AONDE exatamente eu colo o codigo!
muithooo obrigada! :)
:*
ah só pra você saber direitinho
http://bonecadesastrada.blogspot.com :) que ae voce analisa melhor minha situação ne! :P
Oi Ariane,,,estou começando agora no Blogger e Tenho varios tipos de gifs com mensagens que podem ser enviados pelo orkut, porem eu não sei como publicar esses codigos para que as pessoas possam copia-los, ja que quando coloco eles no site eles se convertem em imagens gifs? Vc poderia me dar uma luz de como faço para por os codigos de uma maneira que possam copiar?Muito Obrigada,,bjs
cara vlw mesmo velho fazia uma semana q eu tava tentando e nada muito agradecido!!!
Massa... Seu blog é massa, suas dicas são massa...
Achei realmente show. Valeu!
Opa, estou comentando só pra avisar que essa sua ajuda me facilitou a vida no meu blog em relação à banner. vlw!
Por Favor , Me AJuda , Nao Consegui Colocar um banner no imageShack , ele diz image not upload !
Onde eu hospedaria um gif meu (criado por mim e que está no meu computador) para mais tarde usar no blog sem ele perder os movimentos? Obrigada
Juliana vc pode hospedar no Tinypic... Ele suporta mto bem os arquivos em gif.
Foi muito legal estas dicas!bjs
Obrigada, não conseguiria nunca supor que no Picasa não funcionam os GIFs animados. Dica preciosa. Bjs.
----Eaee Cara Obrigadoo! eu conseguii !!!!
Valeu Ariane vc é 10!Sucesso em tudo na tua vida!
Você me ajudou imensamente. Muuuuuuiiiiiittttttooooooooo obrigado!
Olá Ariane,
Venho pesquisando e visto que em vários blogs há imagens que começam com bp.blogspot.com. Gostaria de utilizá-lo em meu blog mas não sei como fazer...
Agradeceria um esclarecimento
Estou criando um blog agora, mas estou com muita dificuldade para colocar girfs, enfim deixar meu blog com a cara da das séries iniciais bem divertido, me dê ulgumas dicas.
Ariane, li seu depoimento sobre ter aprendido, mas já tentei e tentei e tentei mas não consegui fazer o mapa com a região sudeste como representante, me ajuda por favor..
Obriga !
Que Jesus te abençoe ricamente.
Muito obrigada!
Me auxilio bastante essas informações!
Obrigado pelas informações!!!
Tipo eu criei um banner e tal, mas não sei como conseguir seu código HTML... você me dizer mais ou menos como faço ? Tipo quais códigos eu tenho que usar..
Qual código eu uso pra inserir um banner?
como faço para postar somente eu uma pagina ?
sempre que posto algo fica na pagina inicial e não na pagina que desejo
Fiz tudo certo mas, olha como ficou não se mexe:http://bagacadigital-home.blogspot.com/
Cara Ariane,
O mínimo que posso fazer por sua ajuda é lhe agradecer em público. Sua solução com relação a hospedagem do gif para a cabeça do meu blog foi genial. Parabéns. Quando puder faça-nos uma visita e verá que a sugestão deu frutos: o rodapé também está animado. Mais uma vez...obrigado.
Frederico Leão
ooi, eu adicionei o banner pelo cabeçalho, mas queria deixá-lo um pouco mais para a direita, como eu faço? me enconre aqui, http://elisaaseilhe.blogspot.com/ e por favor, não reparem, comecei hoje!
Postar um comentário
Os comentários são moderados.