Assine nosso Feed


Melhores Dicas para Blogueiros

Passe o mouse e veja qual o assunto do tutorial de cada imagem

Ocultar Marcador e Personalizar o Menu dos Marcadores do Blog

Vamos falar sobre como melhorar o menu dos marcadores do blog, por exemplo: como ocultar o marcador do menu quando está visitando a pagina daquele marcador, como fazer aparecer um texto sobre os itens do menu marcadores do blog (tag title), veja como usar Descrição em Imagens e Textos - Tag Alt e Title em outras partes do blog. Ou ainda como colocar imagens ao lado dos itens do menu marcadores.

ocultar marcador no menu do blog

Para ocultar o marcador do menu quando visita a pagina do próprio marcador, ou seja, quando você está na pagina de um marcador ele não aparece no menu marcadores do seu blog. Entre na pagina editar html, marque para expandir o modelo de widgets, procure e apague esse trecho:

<span expr:dir='data:blog.languageDirection'><data:label.name/></span>

Agora só clicar para salvar e pronto quando estiver na pagina de um marcador ele não aparecerá mais no menu se quiser faça o teste clicando em qualquer item do nosso menu.

Fazer aparecer um texto quando passa o mouse por cima do menu marcador também é fácil de fazer. Volte a pagina editar html quase no mesmo trecho que estava e procure o trecho:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Apague e coloque esse no lugar
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='&quot;Dicas sobre:&quot; + data:label.name'><data:label.name/></a>:

como personalizar marcadores do blogspot


O texto Dicas sobre: (os dois pontos também) você pode alterar como quiser, mas cuidado com o restante do código, pois se apagar qualquer coisa dá erro na hora de salvar.

Colocar uma imagem ao lado dos links do menu marcadores é como personalizar qualquer outro menu. Na pagina editar HTML procure por ]]></b:skin> e coloque esse código antes dele:

#Label1 a{font-size:130%;display: block;background-image: url(endereço da imagem);text-indent: 12px;background-repeat: no-repeat;background-position: left center;padding:2px}
#Label1 a:hover{background-image: url(endereço da imagem);text-indent: 12px;background-repeat: no-repeat;background-position: left center;padding:2px}

Apenas cuidado para usar o endereço certo da imagem e o restante do código é formatação CSS normal. Apenas deve modificar o text-indent: 12px isso é o recuo de texto para que o nome do marcador não fique sobre a imagem de fundo, veja mais detalhes sobre como Fazer Menu com Imagens ao lado dos Links.

Mais dicas úteis sobre os Marcadores do blogger:
Ocultar mensagem mostrando postagens com o marcador
Marcadores em forma de menu suspenso

Esperamos que gostem dessas dicas sobre os marcadores do blogger e aproveitem para modificar o menu dos marcadores do jeito que achar melhor para o seu blog. Related Posts with Thumbnails
Link desta página
Comentários
18 Comentários

18 Comentários:

Ronaldo Belarmino disse...

Otimo Artigo

Izaque disse...

O primeiro tutorial sobre ocultar marcadores não funcionou :( mas tudo bem , o segundo já funciona sobre o texto ao passar o mouse no menu, parabéns ótimo post.

Fabiano Roberto disse...

Izaque
em alguns template esse código aparece duas vezes, então veja se não é o seu caso.

@JoaoRaphaelN disse...

Fabiano queria saber como deixa o layout do post e uma apresentação de slides dos posts, como tem nesse blog: http://www.arenaamerica.com.br/

Fabiano Roberto disse...

@JoaoRaphaelN veja aqui se é isso que está querendo:
Fazer Apresentação de Slides no Blogger com as Postagens Recentes

ou então:
Como fazer Apresentação de Slides com Banners

.

Izaque disse...

Fabiano, no meu template acho que apareceu umas 5 vezes o código, sem mentira

Marcos Vinicius disse...

Existe algum jeito de criar um sub-marcador dentro de um marcador?

Marcos Vinicius disse...

Existe algum jeito de criar um sub-marcador dentro de um marcador?

Anônimo disse...

Olá fabiano, primeiramente gostaria de falar que seu novo template está muito bom! Mas a minha duvida é: Como eu faço para bloquear comentarios de alguem no meu blog? É eu já vi o seu artigo sobre boquear seguidores, mais essa pessoa não está como seguidor, eu só queria bloquear os comentarios dela, e eles não podem ser aprovados, porque são ofensivos. Obrigado

T. C. disse...

Olá, Fabiano,
No meu caso, eu gostaria de CATEGORIZAR meus marcadores, trabalho com muitos marcadores (a nível de busca do google) e porque trato de quadrinhos, portanto a quantidade de gêneros, autores, temas envolvidos divegem muito entre as postagens, especialmente agora no começo.

Em minhas pesquisas vi que, no Blogger, o ÚNICO jeito (fácil) de fazer isso é criando vários widget de marcadores e selecionando os que eu quero aparecendo em cada categoria, a outra forma seria fazer uma lista manual de marcadores (e no meu caso isso seria trabalhoso em excesso).

Portanto, professor, minha dúvida agora é, teria como eu colocar os marcadores num menu horizontal drop down - a princípio apareceria apenas o título do widget e ao passar o mouse por cima ou clicando ele se expande.

Muito obrigada!

smith disse...

vlw pela dica!
aerosmithdownload.blogspot.com

Fabiano Roberto disse...

Izaque
eu estava olhando o meu html também e parece que tem códigos duplicados e esse é um modelo padrão do blogger. (pretendo apagar um deles e fazer uns testes)

minha sugestão é testar até achar aquele que funcione.

Fabiano Roberto disse...

Marcos Vinicius
o blogger não tem submarcador, mas você poderia criar todos os marcadores que desejar e depois escolher quais aparecem no gadget, veja aqui: Opções dos marcadores do blogger

por exemplo no caso de um blog sobre televisão, você poderia criar o marcador filmes, suspense, comédia e outros e depois fazer um menu somente com aqueles que desejar

Anônimo
quando receber outro comentario dessa pessoa pode marcar como spam, mas sugiro deixar a moderação ativada.

T. C.
seria possivel criar o menu drop down como falou, mas teria que ser manualmente. se for fazer isso adicione um gadget com todos os marcadores no seu blog e depois copie o html do links é mais facil do que escrever todos os códigos.

Anônimo disse...

Valeu fabiano! Eu sou o que perguntou dos comentarios, e funcionou! Valeu mesmo!

Gabriel disse...

Caro dicas para blogs, eu queria saber como fixar uma imagem no canto inferior do blog, tipo os canais de tv, será muito útil para mim.

Vitoria B.R.M disse...

Fabiano, os meus marcadores sumiram da postagem!E agora?

Tipo , no final dos posts sempre tem " botões de compartilhamente, comentários e marcadores" e os meus sumiram o que eu faço?

Fabiano Roberto disse...

Gabriel
veja aqui:
Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais

não sei o código para canais de TV como você pediu, mas veja o código para fixar no canto da pagina, ele funciona com qualquer coisa não precisa ser com os botões como fala o tutorial.

Fabiano Roberto disse...

Vitoria B.R.M
se apagou algum código por engano não temos como ajudar.

tem que tentar desfazer as modificações se tiver um backup do seu blog é o jeito mais facil.

senão tem que procure pelos códigos dos botões e colocar novamente, use nossa pesquisa no topo da pagina já falamos sobre esses assuntos e poderá achar exatamente o que precisa

Postar um comentário