Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

03 março 2008

Como inserir marcadores e outras questões básicas

Tenho recebido muitos e-mails com questões sobre procedimentos que são muito simples e por isso julguei (erradamente) que não havia necessidade de criar tutoriais para estas questões. A verdade é que milhares de pessoas todos os dias criam blogs e ficam perdidas na hora de executar tarefas simples, como por marcadores nas postagens ou inserir códigos no template. Então, este é um tutorial bem básico para quem começou a mexer no Blogger agora.

Colocando marcadores nas postagens.

Os marcadores são um recurso muito interessante para separar os seus posts em categorias distintas. Para colocar marcadores nas suas postagens, crie um nome para a categoria em que o seu texto se enquadra, como mostra a imagem:


Depois de separar os seus posts em categorias (por ex: música, poemas, humor, etc), vá em Modelo e clique em Adicionar Elemento de Página e escolha a opção Marcadores:


Depois de clicar em Adicionar ao blog, os marcadores aparecerão na coluna lateral e você poderá movê-los de posição (assim como qualquer elemento de página adicionado) clicando com o botão esquerdo do mouse sobre o elemento e, sem soltar, arrastar o retângulo para onde deseja que apareça o elemento (no caso Marcadores) no seu template:



Colocando códigos no template

Para inserir códigos no template vá em Modelo e selecione a opção Html/JavaScript. Na janela que se abrirá, cole o código fornecido (contador, banner, relógio, imagem, o que for) e salve. O processo para definir onde o elemento do código aparecerá no template é o mesmo para Marcadores, basta arrastar o retângulo correspondente.

Mudar os títulos dos elemento de página

Sua lista de Marcadores não precisa ter necessariamente este título (que é o padrão do Blogger) nem o seu perfil o About Me. Você pode colocar o título que desejar em qualquer elemento de página, basta apagar o título que lá esteja e colocar o que quiser:



Colocando gifs nas postagens

Muitas pessoas me perguntam por que as gifs perdem o movimento quando inseridas nas postagens. Na verdade o movimento não se perde, só não pode ser visto enquanto o post não é publicado. Depois de publicar o post, clique em Visualizar e verá que a imagem movimenta-se normalmente. Porém, é verdade que a hospedagem de imagem do Blogger pode mesmo dar problema e para evitar que se perca o movimento, basta hospedar a imagem em algum outro site, por exemplo, no Tinypic. Para isso basta fazer o upload da imagem do seu computador e copiar o link que será fornecido:



Copie o último link fornecido (está em azul), como mostra a imagem:

De posse deste link (que é o endereço da imagem), coloque este código no seu post, onde deseja que a imagem apareça:

<img src="cole aqui o link">

Você pode colar este código tanto no post quanto na coluna lateral, bastando escolher o elemento de página Html/JavaScript e colando o código alí.

Para fazer desta imagem um link, basta coloca:

<a href="endereço do site"><img src="endereço da imagem"></a>

Pronto: ao clicarem na imagem os seus leitores serão levados para outra página ou outro site.

Edit: A leitora Sagesse levantou uma questão importante: como transformar em link uma imagem que se hospedou no Blogger mesmo?
Muito simples: depois de subir a imagem (fazer o upload) pelo blogger, quando a imagem já estiver na postagem, clique sobre ela, depois clique em inserir link e coloque o endereço que deseja e pronto! Explicação visual:




Por ora é o que me lembro que as pessoas tem me perguntado nos e-mails que recebo, mas se você tiver alguma dúvida e quiser ver aqui uma explicação, é só deixar nos comentários.

abraços!

Artigos Relacionados

36 comentários:

Sagesse disse...

Olá, Ariane. Em primeiro lugar, obrigada mesmo pela gentileza de compartilhar informações, fazer os templates, vc não é nada mesquinha mesmo ;).

Bem, em relação a esse post, eu não entendi uma coisa. Digamos q eu não precise hospedar minhas imagens em outro site, mas no blogger mesmo. Aí, se eu quiser tornar essa imagem um link, como eu faço? Onde eu insiro esse código q vc deixou, ainda mais se eu tiver pegado uma imagem do meu pc mesmo?

Obrigada, beijos.

Juliana disse...

SENSACIONAL!!!!
Poxa Ariane, é uma ajuda e tanto para os iniciantes. Posso deixar o link lá no Dicas Blogger? Bjsss

Ariane disse...

sagesse, vou editar o post agora e explicar. Ótima pergunta!


Ju, super obrigada! Vc tem carta branca comigo, linda, fique àvonts! :-)

Ricardo Rayol disse...

e as tais nuvens de TAGs?

Burity disse...

Graaaannnnde Ariane, valeus, valeus, valeus !!!!!

Achados de Decoração disse...

Ariana, não consigo fazer isso. Depois que insiro o link e publico, ao clicar sobre a mensagem, primeiro aparece o endereço do blogber: http//www.blogger.com/www.xxx.com.br
quando eu clico, aparece Página não encontrada. Será que vc pode me ajudar?

Jair Domingos de Sousa disse...

Olá. Valeu as dicas, mano

Jair Domingos

Raytoyagami disse...

Olha só tenho um blog sobre musica e quero separar por marcadores o Nome e os estilos de cada banda oq faço ???? (raytoyagametal.blogspot.com)eu vi o post acima mais nao entendi a parte de separar tipo iron maiden / de heavy metal
obrigado

Rafael Ramos disse...

GRAAAAAAAAAAAAAAAAAAAANDE Ariane! É isso aí, é de pessoas como vc que nos precisamos para fazer dp cyber espaço um lugar melhor p/ todos... vlw e continue seu ótimo trabalho.

Daniel disse...

tem como colocar mais marcadores por divisões expecificas, por exemplo, um blog de anuncio, igual a um jornal e usando marcadores de estabelecimentos, classificados e ofetas?

obrigado!
filosofiadancoriana@yahoo.com.br

Carlos disse...

Amiga pq quando abro os marcadores o post aparece na pg inicial ? isto é ele fica visivel aparece o macador na margem e o post na inicial
jg.rhamla@gmail.com
me da uma judinha.
Bração pra ti.

Ariane disse...

Carlos, qdo vc clica em qualquer marcador, todas as postagens relacionadas à ele vão aparecer na página inicial sim.

Anônimo disse...

A coisa é tão simples que fiquei até com vergonha de não ter visto antes.
Mais uma vez, Obrigado Ariane.
Giba

Ariane disse...

gibanet, que vergonha o que? ninguém é obrigado a saber o nome de todas as coisas: muitas vezes sabemos o que queremos, mas não ligamos o nome à 'coisa' =) Fique à vontade para novas duvidas. Abraços!

Thais disse...

oi nao deu certo,nao sei se estou fazendo errado pois as links estao aparecendo em cima eu queria que eles fica-sem do lado eu arastei e coloquei as fotos mas elas nao ficaram separadas por asunto ficam todas juntas na pagina principal ...http://artedetudo.blogspot.com
valeu thais

BLOG DO GALO disse...

Ariane não consigo achar a opção Adicionar Elemento de Página , o MEU AQUI NÃO TEM, SERÁ PORQUE ? posso lhe enviar uma imagem em print screen para você ver no seu email ? qualquer coisa, me envie um email portesanto@hotmail.com, obrigado

Anônimo disse...

dae blz queria sabe como retirar aqueles numeros da frente do marcador ?
vlw's

hefer disse...

ola, me pode ajudar por favor a colocar um menu ( geral,musica,jovem,deport...)com marcador? tenho tentado mas nao vejo a funçao modelo. ajude me por favor.

Ariane disse...

hefer, não entendi muito bem sua pergunta e seu perfil não está disponível. desculpe, não sei como ajudar...

bruno/matheus/dudu disse...

tipow eu coloquei
imagens
videos
gravacoes OK

mas tipow eu vo postar coloco la embaixo
Videos
Eu posto ok
mas vai em todos

Finch disse...

muito bom mesmo
mtu informativo e prestativo site
ajudou muito
muito obrigado0o

@Maaxsuell disse...

Ei Brigadão Tava Procurando Isso Para Meu Blogger !

Vlw Masmo!

Nuno de Mattos Capeletti disse...

Desculpe mas, mesmo com estas instruções não consigo colocar alguns elementos abaixo de cada post: não visualizo o nome do marcador em baixo do post, como é mostrado na edição de layout.

Se puderes quebrar este galho, agradeço.

Ariane disse...

Nuno, vc adicionou marcadores em suas postagens mas eles não aparecem, é isso? vá em layout e clique em editar, no quadrado que corresponde a area da postagem. Vai aparecer uma lista do que está ou não habilitado para aparecer no final do post. veja se a opção marcadores está marcada. qualquer coisa me avise, abraços

J-zus disse...

Ariana, parabéns pelo tutorial, mas, assim como o Nuno, estou com problemas para visualizar os marcadores! Se fizer o Menu lateral como indicado, os mesmos aparecem lá, no entanto, continuam não aparecendo abaixo de cada post.
Já verifiquei em Layout as configurações dos Posts, e o item marcadores encontra-se marcada!
Outra coisa, não consigo adicionar um marcador através da janela Editar Postagens. Coloco para adicionar um novo marcador, ele me abre a caixa de texto para eu inserir o nome do marcador e então dou OK. Em seguida, a tela é recarregada e o marcador novo não é inserido.
Espero que possa me ajudar. Agradeço desde já!

J-zus disse...

Ariana, parabéns pelo tutorial, mas, assim como o Nuno, estou com problemas para visualizar os marcadores! Se fizer o Menu lateral como indicado, os mesmos aparecem lá, no entanto, continuam não aparecendo abaixo de cada post.
Já verifiquei em Layout as configurações dos Posts, e o item marcadores encontra-se marcada!
Outra coisa, não consigo adicionar um marcador através da janela Editar Postagens. Coloco para adicionar um novo marcador, ele me abre a caixa de texto para eu inserir o nome do marcador e então dou OK. Em seguida, a tela é recarregada e o marcador novo não é inserido.
Espero que possa me ajudar. Agradeço desde já!

Anônimo disse...

Ariane,obrigada por compartilhar seu conhecimento.Você é ótima! Bjs

Srª do Rio disse...

Ola, Ariane. Sou novata, mas já aprendi mto com vc. Meu blog, plantas do jardim, está lindo! Mas tenho a mesma duvida que o Nuno: não consigo colocar o Marcador abaixo da postagem, tipo: "Postado por"..."Comentários"..."Marcador", embora no editar do layout conste o quadradinho para ser movimentado à vontade. Só tenho os Marcadores na sidebar. Obrigada por tudo e um forte abraço.

Ariane disse...

J-zus, seu blog está trancado, não tenho como ver o código.

Sra. do Rio, pelo visto falta no seu template o trecho referente aos marcadores.

Srª do Rio disse...

Obrigada pela sua atençao ao me responder! Eu suspeitava que meu template nao tinha o código para os marcadores. Mas nao há como inserir no HTML? Já vi outros blogs com o mesmo template e com a opção de marcadores ao final dos posts.Bjs

Unknown disse...

Oi Ariane...
Primeiramente quero te agradecer.. afinal seu blog me ajuda muito... não faz muito tempo que entrei nesse nundo incrivel dos blogs.. leio tudo oq posso e aprendo oq dá.. porém qndo uma coisa não da certo eu quase tenho um treco.. faz tempo q estou tentando deixar meus marcadores funcionando normalmente.. mas não consigo..por isso resolvi apelar pra vc.. oq fiz de errado.. pq qndo clico num marcador aparece apenas um link de postagem e se clico nele.. mais link aparece.. e nada da postagem... por favor me ajude.
Abraços

Ariane disse...

Prof.Simone o que eu vi é que você provavelmente instalou a dica para exibir os marcadores e arquivos como listas (Melhorando a apresentação dos Marcadores e Arquivos) e por isso quando clica em um marcador, aparece a lista com todos os posts relacionados. Quando clica no link do post, ele abre normal.

Caio Fern disse...

Oi, isso sobre o Gif nao e soluçao. Eu nao quero levar o leitor para outra pagina, nao tem sentido. Nao existe maneira de fazer o Gif funcionar no blogspot.

Caio Fern disse...

a proposito.
obrigado pelos seus posts.

Ariane disse...

Caio este post está um pouco desatualizado (e obrigada por me chamar a atenção para isso!). Sobre gifs, escrevi um post recentemente: http://templatesparanovoblogger.blogspot.com/2011/07/ocultando-elementos-das-paginas.html e como é possível hospedá-los no blogger (veja aqui: http://testenovasidebar.blogspot.com/2011/07/teste-gifs-blogger.html). abraços!

Unknown disse...

parabens pelo blog. me ajudou muito fiz um blog mais ainda não sei nada.
já rodei varios e o melhor é o seu..

Postar um comentário

Os comentários são moderados.