Blogger - Retirar sublinho de link




  O Blogger é uma das maiores plataformas de criação de blogs, contudo, um dos seus melhores ponto de vista é que é muito acessível à modificação e alteração livre no blog. Entrentato, hoje trazemos um tutorial, voltado à como retirar o sublinho dos links do blog. O tutorial é rápido e fácil.

http://i37.tinypic.com/2mzk1tl.jpg

Conselho: Antes de realizar esse procedimento, aconselhamos em você fazer um backup do seu template; E ou tester em um blog de testes.

Retirando o sublinho dos links do blog


  1. Acesse o Editor de HTML do Blogger (Painel > Mais Opções > Modelo > Editar HTML)
  2. Agora, procure a variável: "a:link" (use o atalho "CTRL+F");
Entramos agora na parte mais delicada, selecione a variável a:link até o fechamento da variável a:hover. Como feito na imagem abaixo:


Selecionado a parte destacada no HTML, agora substitua essa parte selecionada por esta:

a:link {
  text-decoration: none;
  color: $(link.color);
}

a:visited {
  text-decoration: none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration: none;
  color: $(link.hover.color);
}

  Feito isso, agora salve e veja a mágica. Lembrando, caso não tenha conseguido, exporte o backup que você fez no início do tutorial.

Comentários

  1. Ae Matheus eu não consegui, por favor tem como vc verificar o codigo fonte do meu template de testes para ver se ha alguma forma de tirar esse link sublinhado?

    Deixei uma imagem de teste lá, quando se passa o mause em cima fika uma lista traceada embaixo, e isso é muito feio, por favor me ajuda ae.

    Link do blog de testes => http://baixarjogosrebolo.blogspot.com.br/

    Agradeço a atenção e por favor da uma ajuda ae...

    ResponderExcluir
    Respostas
    1. Mailson, atualizei o tutorial, deixei mais fácil. Contudo, como seu blog é um blog com template modificado, contudo, espero que ajude. Caso não haja mudança. Posso quase afirmar que a permanência dos sublinhos dos links são o programa de afiliados e anúncios que podem mudar no seu código de fonte.

      Lembrando, não se esqueça de refazer o tutorial.

      Excluir
  2. Ae Matheus, não deu certo, mais vc falow em progamas de afiliados, acho q os cara q disponibiliza esses templates eles deve fazer isso mesmo, pq em alguns links quando eu encurto com adf.ly, as vezes quando clica para fazer o download vai pra um site q pede pa cadastrar celular.

    Gostaria de se possivel vc desse uma olhada no template pra vc ver cara.

    Vo te passar o link em outro comentario e quero q vc não publique pq aqueles cara querem ganhar dinheiro em cima de nosso suor, e els não merecem nenhum tipo de divulgação.

    Falow Matheus...

    ResponderExcluir
  3. É esse o link, quebra esse galho ae cara, seu site já está em meus favoritos.

    http://www.templateparablogspot.com/2012/08/template-simples-3-colunas-00425.html

    ResponderExcluir

Postar um comentário

    Comentários que contenham em seu conteúdo seguintes temas: pornografia, palavrões, palavras ofensivas ou preconceituosas, spam, todas palavras em Caps Lock, não serão aceitos.