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.

38 comentários :

  1. 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.

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

    ResponderExcluir
  3. 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/

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

    ResponderExcluir
  5. Existe algum jeito de criar um sub-marcador dentro de um marcador?

    ResponderExcluir
  6. Existe algum jeito de criar um sub-marcador dentro de um marcador?

    ResponderExcluir
  7. 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

    ResponderExcluir
  8. 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!

    ResponderExcluir
  9. vlw pela dica!
    aerosmithdownload.blogspot.com

    ResponderExcluir
  10. 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.

    ResponderExcluir
  11. 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.

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

    ResponderExcluir
  13. 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.

    ResponderExcluir
  14. 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?

    ResponderExcluir
  15. 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.

    ResponderExcluir
  16. 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

    ResponderExcluir
  17. ola, gostaria de personalizar não os marcadores, mais sim o gadget das paginas do blog, coloquei na barra lateral, e ficou parecendo os marcadores,queria saber como der um espaço de um titulo da pagina para o outro Ex:

    teste
    teste
    teste

    gostaria que ficasse assim:

    teste
    XXXX= espeço
    teste
    XXXX= espeço
    teste

    voce pode me ajudar ?

    ResponderExcluir
  18. #Label1 o que falamos sobre colocar a imagem nos marcadores modificando o estilo #Label1

    vale para qualquer gadget com links de texto ou seja só precisa achar o nome do gadget, veja aqui:Personalizar gadgets do Blog

    mas o nome do estilo tem que ser igual ou seja no caso dos marcadores se usar o estilo #label1 não funciona porque está com a letra L minuscula e nó blogger é maiúscula

    ResponderExcluir
  19. ola, gostaria de saber se tem como criar sub-marcadores e com efeito de mostrar/ocultar.
    Exemplo:

    MARCADOR 1
    MARCADOR 2
    MERCADOR 3

    clicando no MARCADOR 1 aparece os sub marcadores:

    MARCADOR 1
    sub-marcador 1
    sub-marcador 2
    sub-marcador 3
    MARCADOR 2
    MARCADOR 3

    ou usar algum gadget de categorias que tenha esse efeito de mostrar/ocultar.

    ResponderExcluir
  20. Anônimo não é possível criar sub categoria no blog.

    mas você pode fazer isso usando códigos de menu sanfona e os marcadores do seu blog, mas é claro terá que montar o código manualmente.

    vou fazer uns testes e se der certo publicar um tutorial sobre o assunto.

    ResponderExcluir
  21. Pesquisei muito no seu blog e finalmente achei o que eu queria o menu expansavel:

    http://www.dicasparablogs.com.br/2009/05/criar-um-menu-expansivel-no-blog.html

    Muito bom o tutorial

    Valeu

    ResponderExcluir
  22. Fabiano como faço para não aparecer embaixo da postagem o marcador, ou seja, tem como excluir o marcador somente quando visualizo a página sem que exclua quando edito a postagem?

    ResponderExcluir
  23. na pagina layout clique para editar a postagem do blog lá tem a opção de mostrar ou não os marcadores no final de cada postagem, mas a configurações é para todos os marcadores e posts.

    ResponderExcluir
  24. Já tentei esta opção e ainda aparece os respectivos marcadores...
    Tem como fazê-lo pelo html?

    ResponderExcluir
  25. o código html dos marcadores no rodapé das postagens é assim:

    <span class='post-labels'>

    <b:if cond='data:post.labels'>

    <data:postLabelsLabel/>

    <b:loop values='data:post.labels' var='label'>

    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

    </b:loop>

    </b:if>

    </span></div>


    no caso do menu blog está depois de post-footer-line-2, mas isso pode variar conforme seu template, poderia ser depois de post-footer-line-1 ou post.body

    ResponderExcluir
  26. Mas vou poder continuar usando os marcadores?
    Lembrando que só quero excluir a visualização nas postagens!

    ResponderExcluir
  27. pode continuar usando os marcadores normalmente.

    esse código que mostramos são os marcadores no rodapé das postagens.

    ResponderExcluir
  28. quero dizer isso é somente uma alteração de template não altera em nada o funcinamento dos marcadores.

    ResponderExcluir
  29. Eu teria que excluir todo o código?
    Se for isso, não está dando erro.
    Não consigo concluir.

    ResponderExcluir
  30. no final do código que mostrei coloquei uma div que não deveria.

    tente exclui mais deixe aquela < / div > que está no final

    ResponderExcluir
  31. Eu consegui meu querido...
    Fiz um teste colocando um novo marcador e deu tudo certo.
    Brigadim Fabiano

    ResponderExcluir
  32. Fabiano...
    Tenho um item nos marcadores que quando clico derruba toda a coluna e rodapé. Você sabe me dizer porque isso acontece?

    ResponderExcluir
  33. Natália
    somente com um dos marcadores acontece isso? Se for procure nas postagens que aparecem nesta pagina e provavelmente entrará uma das postagens com algum gadget ou código que gera um conteudo muito largo, por exemplo uma imagem muito larga, uma caixa de fãs ou qualquer outro código.

    quando achar a postagem que gera o problema ficará mais facil localizar o código e conserta-lo ou remove-lo.

    se não achar coloque aqui o link do marcador que está com esse problema e vou tentar achar

    ResponderExcluir
  34. Não consegui meu filho...
    Por favor tente para mim?
    Eis os link:
    http://meucadernodetextos.blogspot.com.br/search/label/Curtinhas

    ResponderExcluir
  35. Natãlia, tente excluir seu histórico de internet.

    entrei na pagina que você citou e parece tudo normal

    ResponderExcluir
  36. É...
    Como num passe mágica voltou ao normal.
    Mesmo assim, brigadim filhão!

    ResponderExcluir