quarta-feira, 17 de dezembro de 2008

[Defasado] Destaque o link de comentários no Blogger

Balão de comentário

Finalmente mais um tutorial específico para o Blogger. Vamos ao trabalho.

O objetivo é destacar o link de comentários para que mais visitantes cliquem e comentem. Vejamos como estava o link para comentar do meu blog de testes antes de destacá-lo:

Link para comentários

Ele está visível, mas não está atrativo. Quem quiser muito comentar vai encontrá-lo, mas quem está em dúvida ou quem não quer comentar, dificilmente vai se sentir motivado a clicar.

Com ajuda do Firefox descobri que os links de comentários do Blogger utilizam as classe post-comment-link e comment-link. Observei também que o título dos backlinks utiliza essas mesmas classes e ainda a classe post-backlinks.

código do link

Primeiro e único passo

Sendo assim, tudo o que temos que fazer é ir até Layout » Editar HTML e editar as classes na folha de estilos. Logo acima do código ]]></b:skin>, cole o que está abaixo (não precisa expandir os widgets):

.post-comment-link .comment-link {display:block;
background:#fffff0;
border:5px dotted gold;
border-top:0px;
border-bottom:0px;
width:200px;
padding:10px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
text-align:center;
text-transform:none;
font-family:trebuchet ms;
font-size:13px;}

a.comment-link {color:tomato;
text-decoration:none;}

a.comment-link:hover {color:black;
text-decoration:none;}

a.comment-link:active {color:black;
text-decoration:line-through;}

.post-backlinks .comment-link {background:transparent;
display:inline;
text-align:left;
margin-top:0px;
margin-bottom:0px;
border-right:0px;
border-left:0px;}

]]></b:skin>

Resultado do código acima em meu blog de testes:

Link destacado

Ficou bem mais destacado e você pode editar as cores, a fonte e as medidas da forma que combina mais com seu blog.

5 comentários:

  1. Oi Helen, coneci seu blog a pouco tempo e gostei muito. Parabéns por ele! Tenho algumas dúvidas quanto a implementação de algumas coisinas (sou leiga), mas vou deixar para te perguntar no ano que vem, rsrsrs

    Passaei para lhe desejar um Feliz Natal e um ótimo Ano Novo.

    abçs
    andrea

    ResponderExcluir
  2. Muito bom seu blog
    Post ajudou bastante
    abraçao

    ResponderExcluir
  3. oi Helen? obrigada pelas dicas bacanas que encontro no seu blog... mas cara!!! e impressionante como eu nao conssigo fazer nada na minha area de comentarios.
    eu tentei esse seu post'' destacando link de comentarios'' mas de nada adiantou rsrsrs meu blog esta uma bagunça!!! mas de toda forma obrigada, e parabens pelo blog

    ResponderExcluir
  4. Respostas
    1. Sinto muito, só atualizo post quando estou com supertesão de fazer isso ou quando mandam R$ 20,00 para meu PayPal.

      Excluir
Posts relacionados