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) Atualização:
- Colocar imagem link com o novo editor atualizado do blogger, clique
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. Clique para aumentar
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
.
- 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(Design), - 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
Após salvar é bom ver seu blog com outros navegadores(IE, Mozilla e Chrome) para ter certeza que não houve problema, em raras vezes o código do elemento(imagem) que você colou pode ser "quebrado" pelo blogger e causar um erro, por mais que você "não copiou um código" e sim apenas a imagem, esse código existe e vai junto pois é necessário
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.
amei as dicas.Valeu!!!!
ResponderExcluirvlw irmao mtu bommm me ajudou bastante.
ResponderExcluirParabéns pelo seu Blog, muitas dicas boas, já coloquei nos meus Favoritos.
ResponderExcluirColoquei 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.
ResponderExcluirBom, 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....
ResponderExcluirSó aqui achei a dica bem explicada passo-a-passo.
Gostei daqui... vou seguir abração
ResponderExcluirpoxa muito obrigado pelas dicas, bem simples como deve ser...vlw
ResponderExcluirNã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?
ResponderExcluirSuas 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.
ResponderExcluirSalete 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.
ResponderExcluirOlá 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?
ResponderExcluirAnônimo
ResponderExcluirTalvez 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.
Olá.
ResponderExcluirPor favor, estou com problemas para colocar fotos no meu blog. Quando tento, aparece a mensagem:
"Houve erros durante o carregamento.
As imagens a seguir não foram carregadas.
100_0040.JPG : Você excedeu a cota total de upload de fotos.
Infelizmente, você ultrapassou sua cota de upload de fotos. Para obter mais informações, dê uma olhada na página Ajuda do Blogger."
Essa ajuda do Blogger não me ajudou, não entendi nada.
Eu nem sabia que existia limite. O que faço? Estou muito chateada, pois agora que descobri algo prazeroso aqui na internet. Conto com sua ajuda.
Obrigada.
Narinha Azevedo
ResponderExcluirObrigado 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 ?
ResponderExcluirque programa vc uza ?
ResponderExcluirAnônimo
ResponderExcluirPara 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.
ResponderExcluirObrigado e sucesso!
olá. obrigada pelas dicas
ResponderExcluirqueria 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
ResponderExcluirServe 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.
ResponderExcluirTinha 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
ResponderExcluirde 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!
ResponderExcluirObrigada!
P.S: Não sei utilizar esse OpenId, já postou algo falando sobre?
Astréia
ResponderExcluirAgora tem esse post O que é OpenId? Onde criar login?, mostra algumas características do OpnId e sites para fazer o login
Olá,
ResponderExcluirQuero 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
ResponderExcluirSe 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.
ResponderExcluirMaria Teresa
ResponderExcluirÉ 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
ResponderExcluirBjinhOss
BettahSlides.
siga meu blog
ResponderExcluirhttp://natanwolf.blogspot.com/
Impressionante, pois segui todos os passos direitinho aqui e não consegui adicionar o orkut no meu blog.
ResponderExcluirMinha nossa que tristeza.
Sigo tudo direitinho mas a imagem não aparece no blog.
Tem alguma ideia do que pode estar acontecendo?
Obrigada pela atenção.
P
LP Decor
ResponderExcluirvocê não pode adicionar o orkut no seu blog, você pode criar um link para o orkut acessando ele e copiando o endereço da barra de endereços de seu navegador.
As vezes é preciso paciência, dar um tempo e tentar novamente, ou, até mesmo pedir ajuda de alguém com mais experiência para tentar fazer algo a dois. Se está muito difícil fazer imagem link tente fazer um link de texto.
Crie um outro blog só para testes, praticar e aprender sem medo de errar ou estragar.
Eu tentei de tudo pra pôr o link na imagem mais não foi. Mesmo assim, obrigado pela dica... Mas não consegui mesmo... A foto apenas abre normal, sem link algum.
ResponderExcluirpq não consigo salvar as configurações do editor atualizado, no meu blog???
ResponderExcluirAbsoluto Café
ResponderExcluirTalvez você não fez algo corretamente, tenta novamente, e explica melhor quais configurações não consegue salvar. O que acontece? Que problema lhe causa?
Olá, estou tentando colocar imagem link no blogger, mas a hora q vou colar a imagem na área de edição ela não aparece pq está acontecendo isto? Já tentei um punhado de vez e não dá certo. Obrigado!
ResponderExcluirshih tzu
ResponderExcluirSe você estiver usando a opção Editar Html da página de criação de post, pode dar esse problema parecido.
Pode ser problema com conexão ou navegador, você pode copiar a parte html de seu artigo, salvar em um documento sem formatação e reiniciar o navegador, e começar uma nova postagem.
Faz mais postagens para praticar e descobrir qual o problema ou se você cometeu um erro.
quero saber como faço para quando eu ou os visitantes do meu blog clicarem no cabeçalho
ResponderExcluirdo blog (ou na foto que há no cabeçalho)aparecer INÍCIO
pode me dar uma dica??????
Para visitantes do blog clicarem no cabeçalho do blog (ou na foto que há no cabeçalho)aparecer INÍCIO(página inicial) tenta ver Colocar um logotipo no BlogSpot
ResponderExcluirOi acabei de criar um blogger...e estou com uma duvida.
ResponderExcluirComo faço para inserir no meu site o numero de visitantes total que acessaram meu blogger!
Agradeço..seu site ja me ajudou mt!
=)
Suze & Sarah
ResponderExcluirPrimeiro é bom saber colocar um
gadget tipo códigos na lateral do blog.
Depois aconselho criar uma conta no Analytics para colocar um contador, ele é um pouco difícil de obter o código, mas, muitos sites/blogs tiram proveito desses tipos de serviço oferecido por eles, e a médio/longo prazo você sairá ganhando porque poderá saber coisas que dificilmente saberia sobre seu blog ou os visitantes, "como entender eles" e tirar proveito disso.
Não consigo colocar a imagem quando abro o javascript Formato Rich Text.
ResponderExcluirEu copio e colo e não aparece
Colecionadoras de Moda
ResponderExcluirVocê chegou aclicar no link Formato Rich Text?
Você precisa clicar nele, observe que ao clicar nele ele vai mudar para Editar Html, nesse momento você estará no modo escrever e quando o link Formato Rich Text significa que você está no modo Html, é o inverso do que você vê no link.
Se você não consegue copiar a imagem clicando nela tente pressionar o botão do mouse e arrastar sobre a imagem, dessa forma você seleciona ela.
ok, não consegui colocar a imagem link na lateral, copiei e colei mas so apareceu um codigo!!
ResponderExcluirTokio Hotel Brasil Support
ResponderExcluirTalvez você errou em alguns dos passos, pode ter copiado o código da imagem, você deve selecionar a imagem, por exemplo, eu poderia copiar a imagem do seu comentário acima e colar em uma área de gadget, desde que eu esteja editando o mesmo e tenha clicado no link Formato Rich Text
Você pode criar um blog só para testes e fazer isso algumas vezes sem medo de errar para ver como funciona
eu selecionei a foto, cliquei nesse formato rich text e nao colou!!
ResponderExcluirTokio Hotel Brasil Support
ResponderExcluirEu testei agora mesmo no Chrome e firefox até com o cache desativado, mas, isso só pode ser feito copiando coisas do navegador, se você copiar de outro programa talvez não de certo.
Talvez alguma restrição na configuração do seu computador, pois, pelo que você falou não está conseguindo copiar a imagem, nesse caso escolhe a opção editar html de seu post e copia o código da imagem, só que nesse caso, ao colar na área de gadget, não pode clicar em Formato Rich Text, ou seja, você deve estar vendo esse link, se você estiver vendo ele na área de >Adicionar gadget >Html/Javascript, indica que você estará editando html
Ola a todos! Sou novato e estou aprendendo muito com os artigos publicados. Muito bons! Gostaria de saber se é possível e como fazer para transformar o título do gadget apresentação de slides em um hiperlink. Coloquei uma apresentação de slides pelo flickr e gostaria que ao ser clicado no título redirecionasse a outra página. Ou alguma sugestão. Obrigado.
ResponderExcluirgostaria muito de saber como faz sabe aquela caixinha que vem com o link da imagens que tem tipo no site de imagens para orkut,que vc so copia e cola na pagina do orkut,e embaixo da imagem vem um link onde a pessoa ckica e sai no teu blog,por favor me ensina a fazer isso,aquardo resposta,bjux!!!
ResponderExcluirSymone
ResponderExcluirInfelizmente no momento não posso fazer isso, pois estou usando um Pc emprestado(notebook) e não tenho permissão para instalar o firefox, teclado e mouse desconfortáveis, etc, essas coisas dificultam muito o que tenho que fazer, só se você me lembrar daqui uns 8 dias, vejo uma forma fácil de fazer isso.
Valew essa dica eu tava querendo encontrala muito boa mesmo!
ResponderExcluirum deles n funfa!
ResponderExcluirdjmano16
ResponderExcluirRalmente não dá para copiar e colar a imagem, no Internet explorer, por isso e outras coisas é melhor o firefox para usar o blogger.
as dicas são exelentes,que pena que não consigo assimilar rápidamente.kkkkkkkk?obrigado assim mesmo!
ResponderExcluirPoxa seu blog é fantastico. Pode não ter um design bonito mas o conteúdo é show! Parabéns.
ResponderExcluirColoquei 2 gadgets (imagens) na lateral do blog, embora tenha o mesmo formato elas aparecem em tamanho diferente pq??
ResponderExcluirEm tempo: parabéns pelo seu blog, ja add a meus favoritos
PJSOL
ResponderExcluirÉ difícil eu saber o que aconteceu porque pode se fazer muita coisa ao colocar uma imagem, se você fez como explicado acima para colocar a imagem, talvez você tenha clicado sobre ela e aumentado o tamanho sem perceber ou ter mexido na parte do código, algumas coisas a gente precisa fazer varias vezes para entender as possibilidades do blogger e qual delas fez ou faz algo diferente, até ter prática bastante. Se precisar pode criar um novo blog para testes.
Olá!
ResponderExcluirEu segui todos os passos e só consegui colar a imagem pelo código html mesmo mas, pelo menos consegui! Todas as imagens que eu coloquei apareceram direitinho porém, antes da primeira, apareceu uma falha no fundo do gadget!!! Como tiro essa falha?
Bruna
ResponderExcluirDeve se ter muito cuidado ao adicionar códigos, é bom saber um pouco de Html, provavelmente você adicionou um elemento incompleto, por exemplo, uma div, toda vez que adicionar uma tag parecida ou como essa <div> mais abaixo deve ter a finalização dela, geralmente depois de outros códigos ou texto precisa ter o fechamento da tag, algo assim </div>
O Html básico é bem fácil, no seus códigos de gadget, um deles eu percebi um </div> sobrando acho que o de parcerias, e isso pode ter ocasionado o problema, o outro percebi uma div aberta e sem sua finalização, algo parecido com <div class='....'> acho que no contador
Valeu cara! Assim consegui fazer meu blog ficar melhor e com mais informações! Valeu mesmo!
ResponderExcluirBom dia
ResponderExcluirProcurava ajuda para colocar a lista de blogs favoritos a aparecer com os dados da publicação mais recente deles, nomeadamente data e resumo (título e imagem), sabe me indicar como fazer?
Obrigada, desde já
Nanny
ResponderExcluirPara colocar lista de blogs favoritos do blogger, veja aqui
Você foi sensacional...
ResponderExcluirbem fácil de entender, me ajudou muito.
grande abraço
fica com Deus
Gente eu sei como fazer vou dar um tutorial aki
ResponderExcluirPrimeiro vá em Design>depois clique em adicionar um gadget>e vá em Imagem>coloque o TÍTULO que quiser>Se quiser a legenda>Em baixo esta escrito link coloque o link que você quer que vire uma imagem>escolha a imagem e salve depois olhe o blog e clike na imagem...vai para o site que você colocou xauuuu galera
Tenho um lightbox funcionando no meu blog, mas quando clico na mini imagem, a imagem maior não abre na mesma página do meu blog,já no meu localhost funciona tudo correto, existe uma forma de corrigir este problema. Alguém pode me ajudar, obrigado!
ResponderExcluirDécio
ResponderExcluirÉ difícil saber o que acontece, mas, o blogger as vezes transforma letras maiúsculas de uma ID em minuscula ao colocar ele, isso poderia causar um problema, talvez um script que exista no blog que está causando isso.
Muito bom o passo a passo deu certinho
ResponderExcluirNossa, muito prático, vi vários post complicados. O seu está 10
ResponderExcluirAh, consegui (ENFIM) colocar imagem no sidebar.
ResponderExcluirObrigada!!!!
A maneira mais objetiva e simples que encontrei. Muito obrigada pela dica!
ResponderExcluirMuito, muito, muito obrigada! Eu nunca iria conseguir se não fosse você.
ResponderExcluirTem como colocar gif-link?
ResponderExcluirGif é um tipo de imagem, link é o tornar clicável, porém, ultimamente, quando coloca uma gif no blog do blogger ele converte para outro tipo.
ExcluirSendo assim você precisará hospedar essa imagem na web e usar o endereço Url dela para inserir como imagem no post e depois então transformar em link.
valew pelas dicas, deu certo.
ResponderExcluire visitem meu blog:
http://blogdobrenobarbosa.blogspot.com
Obrigada, deu certo!
ResponderExcluir