Tanto no post(postagem) como na lateral(sidebar) do blogspot pode ser colocado imagens que funcionem como link para outra página ou blog.
- Nesse post você verá:
- Adicionar imagem link na Postagem
- Imagem link na lateral do blogger(sidebar)
Na área de Criar um post ou para a sidebar em adicionar Html/Javascript.
- Escolha a opção Escrever.
- Clique o botão Adicionar imagem
. - Após ter adicionado a imagem clique sobre ela para "selecionar".
Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente dois cliques rápidos ou arrastar o mouse sobre ela
- Clique no botão inserir link
, - Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem.
Dica: É bom você abrir a página e copiar o endereço da barra de endereço do navegador, para evitar erros. Os endereços devem começar com http:// porém, alguns sites só funcionam com http://www.
Exemplo Certo:http://blog.foitestado.com/
Exemplo Errado:
ou
http://www.blog.foitestado.com/www.blog.foitestado.com/http://http://blog.foitestado.com/ - Clique em Ok.
Você pode clicar em Visualizar e com o botão direito do mouse tentar abrir o link em nova janela para ver se funcionou.
Adicionar imagem link na Postagem
Essa primeira explicação só funciona para quem usa editor antigo e não o novo editor de postagem no BlogSpot
clique para aumentar
- Você pode fazer o procedimento acima(postar uma imagem),
- selecionar a imagem e copiar
Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, talvez precise clicar duas vezes, ou tente arrastar o mouse sobre ela.
- Ir em Layout,
- Elementos da página,
- Adicionar um Gadget(elemento),
- Procure HTML/JavaScript, clique.
- Na janela que abrir, procure e clique no link Formato Rich Text
- Cole a imagem na área de edição
- Ignore
- Ignore
- Após ter colado a imagem, clique sobre ela para "selecionar".
Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente arrastar o mouse sobre ela
- Clique no botão inserir link,
- Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem. Veja a dica em destaque no passo 5 anterior e, os exemplos, para evitar erros.
- Clique em Ok.
- SALVAR
Imagem link na lateral do blogger(sidebar)
Ainda não tem a opção de adicionar imagem em Html/Javascript, mas da para colar imagem, para a lateral do blogger.com ignorem o passo 1 e 2 da imagem acima
Veja que essa é uma imagem comum, mas essa imagem é um link para outro post .Poderia ser uma imagem dizendo clique, isso depende da criatividade de cada um, se for útil, mas é um bom exemplo de colocar imagem link no blogger.
29 comentários:
amei as dicas.Valeu!!!!
vlw irmao mtu bommm me ajudou bastante.
Parabéns pelo seu Blog, muitas dicas boas, já coloquei nos meus Favoritos.
Coloquei uma imagem com link conforme as dicas acima e deu certo.
Mas gostaria de saber de como fazer para colocar uma imagem link na Sidebar pelo HTML/JAVASCRIPT
Marco Aurélio Recco, Obrigado pelo comentario.
Bom, até o momento da sua duvida não tem a opção para postar uma imagem nessa área, mas você pode cria um post e fazer o procedimento acima(postar uma imagem), e selecionar a imagem e copiar, depois ir em Layout, => Elementos da página, => Adicionar um Gadget(elemento), => HTML/JavaScript, procure e clique no link => Formato Rich Text e cole a imagem lá, e transforme ela em link como descrito acima(passo 3) e SALVAR. O post que você ia criar não precisa publicar, a imagem vai estar na sidebar mesmo assim.
Você pode também escolher Imagem no lugar de HTML/JavaScript, só que aí vai ser uma apenas, não poderá mexer no tamanho... da outra forma você poderá usar o mesmo "Gadget" para outras coisas, como um texto, outra imagem, etc.
Vlw....
Só aqui achei a dica bem explicada passo-a-passo.
Gostei daqui... vou seguir abração
poxa muito obrigado pelas dicas, bem simples como deve ser...vlw
Não consegui por link imagem!A imagem fica maior apenas e não vai para o endereço que inseri.Tentei com páginas do próprio blog e depois com endereços da web e não tem jeito!O que será que estou fazendo de errado?
Suas dicas são ótimas com uma linguagem bem simples, muito bom para pessoas como eu, que está praticamente começando na blogosfera.Obrigada!
Obrigado pelo comentário.
Salete Cattae
Vou especular o que penso que está acontecendo:
Se você fez o procedimento 4 e 5 como descrito acima, deve dar certo, porém, no momento que você está escrevendo o post, o link não funciona mesmo, pois você está editando e ele só vai funcionar no momento que você publicar ou visualizar, mas evite clicar no link no modo visualizar, pois você pode sair da página de criar postagem e perder o que fez até o momento.
Pode testar se o link está funcionando clicando em Visualizar, clicar na imagem com o botão direito do mouse e escolher Abrir em nova janela.
Eu consegui!Que legal!Nem sei o que eu estava fazendo de errado, mas deu certo depois de ir tentando.Muito obrigada!Um abração!Seu blog já está adicionado aos meus favoritos.
Olá Amigos eu Tenho uma Duvida que Aparenta ser Muito simples Quero Criar uma Foto Link Daquelas que fika ao lado do blog em que vc clica e redireciona pru site,quando eu abro a pagina configurar html/javascript eu vou pra colar tipo copio com o botão direito do mouse a imagem ai vou colar lá na parte de edição e não aparece a opção colarr fika invisivel já tentei ctrl+c e ctrl+v e nada poderião me ajudar?
Anônimo
Talvez você não tenha selecionado a imagem antes de copiar, e você deve ir em Layout, Elementos de página e lá ver a opção Html/Javascript(mais aqui) e depois deve ter clicado em Formato Rich Text
Para selecionar a imagem tem varias formas como descrito acima no texto e depende do seu navegador.
Narinha Azevedo
Obrigado pelo comentário.
Será que você já ultrapassou 1Gb de espaço?
Você tentou publicar uma por vez?
O que poderia te indicar é comprar mais espaço, no Google mesmo, Clique aqui.
Esse link está bem abaixo do picasaweb.google e é provável que o espaço extra seja direcionado para seu BlogSpot se você usar a mesma conta que usa para fazer login no blogger e postar em seu blog.
Se você pensar ou pesquisar um pouco o valor está baixo, com o mínimo necessário você poderia usar 10 vezes mais que o espaço gratuito, o valor anual hoje de $ 20,00 lhe permite 10 Gb.
Você pode também procurar uma hospedagem grátis, mas, dão mais trabalho, tem limitações, etc.
que programa eu uzo pra fazer o imagem link ?
que programa vc uza ?
Anônimo
Para publicar, editar o blog e postar ou fazer a imagem virar link sem ou com o uso de códigos utilizo o blogger.com, prefiro fazer isso com o Mozilla, mas fiz e faço isso com o Internet Explorer, Chrome e também funcionou, claro que de forma um pouco diferente em cada.
Ótima dica, tenho tentado fazer isso a um bom tempo! Agora consegui.
Obrigado e sucesso!
olá. obrigada pelas dicas
queria te perguntar se esse recurso serve para eu usar nos marcadores (adiciono o link do marcador na imagem e não preciso mexer com codigos)?
se não pode me mandar um tutorial q me ensine isso?
Abraços!
T. R. Freitas
Serve sim, mas, você deve perceber que esses procedimentos são para criar um link com uma imagem, mas você só pode colocá-las dentro da postagem ou na área destinada a gadgets.
Mesmo assim você deve usar o endereço correto daquela página do marcador, para isso abra ela em seu navegador e se aparecer a página corretamente copie o endereço da barra de endereço do navegador.
Você também deve levar em conta que a imagem represente algo para as pessoas, ou raramente elas irão clicar, nesse caso perde parte de sua função, vendo por esse lado, a imagem-link deveria ser mais representativo e atrativo ao clique do que palavras, porém, existe a questão da estética do blog, nesse caso, nada lhe impede de colocar os mesmos links usando texto em uma parte menos visível do blog.
Parabéns pelo blog.
Tinha visitado vários sites e só aqui consegui fazer corretamente.
Gostei muito da postagem, simples e objetiva.
Abraços
Feliz Ano Novo.
obrigado passei horas tentando colocar isso e tentei de tudo até mexi no codigo html do blog mas nao funcionava
de certa forma o blogspot facillitou algumas coisas mas tem coisa que vc nao pode fazer so com o comando do site quando er o blogger brasil era mais facil OBRIGADU MESMO VALEW
Cristian-veneno neutro
Adorei o espaço! Único local no qual pude encontrar a solução para o que eu precisava.Vou postar um texto em comemoração ao 1º aniversário do meu blog compartilhado e estava querendo colocar uma imagem link na postagem!
Obrigada!
P.S: Não sei utilizar esse OpenId, já postou algo falando sobre?
Astréia
Agora tem esse post O que é OpenId? Onde criar login?, mostra algumas características do OpnId e sites para fazer o login
Olá,
Quero colocar uma imagem que ao clicar abra uma caixa de e-mail para que a pessoa possa entrar em contato com a gente ... mas não sei como fazer isso , o jeito que voce ensinou só serve para linkar a sites né ??
Será que pode me ajudar ?
Obrigada,
Bjus Fê
Anônimo
Se você seguir os procedimentos acima, no passo 5 você adiciona malito:SEU@MAIL.LOM no lugar onde colocaria o endereço http://
Você deve substitui SEU@MAIL.LOM pelo seu email.
Esse procedimento acima faz abrir um programa de envio de email que estiver configurado no Pc do usuário, se ele não tiver isso pode dar uma mensagem de erro.
Pode ser mais aconselhável tentar um formulário de contato e um link para aquela página.
Me ajudem por favor, fiz um blog mas não sei quase nada ... Obrigada.
Maria Teresa
É bom ser persistente e praticar, veja este post: Começando a criar um BlogSpot, veja as dicas
Nossa vlw kra uma coisa tão simples eu estava a quebrar cabeça fazia um tempãO vlw muito Obrigada
BjinhOss
BettahSlides.
Postar um comentário
→ Fique a vontade para opinar, criticar... Prefira comentário relacionado ao post.
→ Comentário com e-mail será excluído
→ Evite erros graves de gramática e texto em letras maiúsculas.
→ Antes de perguntar leia todo o texto até comentários e pesquise, a resposta será postada nos comentários, para ser avisado deve fazer login com uma conta no formulário abaixo e usar o link: Inscrever-se por e-mail(abaixo).
→ Prefira OpenId, para link de seu blog. Mais...
→ Seu comentário será lido e, se for o caso publicado e respondido em aproximadamente 10 dias
Os comentários refletem a opinião do comentarista. Desde já, Obrigado!