23 novembro 2011

1

Contador de Comentários no Titulo dos Posts






Olá pessoal hoje vou ensinar como colocar Contador de Comentários no Titulo dos Posts :
Primeiro Passo:
Entre no HTML do seu template, clique em "Expandir modelos de widgets" e procure pela tag ]]></b:skin>
e cole ANTES dela o código a seguir:

.numComments {
background: url(ENDEREÇO-DA-SUA-IMAGEM) no-repeat top right;
float:right;
text-align: center;
padding: 10px 0 0 0;
margin-top : -15px;
font-size: 150%;
width: 50px;
height:50px;
color: #fff;
}
.numComments a:link{
color: #fff;
}
.numComments a:visited{
color: #fff;
}


Agora procure por:

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


Cole o código a seguir logo ABAIXO:

<span class='numComments'>
<a expr:href='data:post.url'>
<data:post.numComments/></a></span>

Vocês podem modificar alguns elementos  do código:

float:right; → Posição do elemento á direita
padding: 10px 0 0 0; → Posicionamento da numeração dentro da imagem
margin-top : -15px; → Posicionamento da imagem ao topo
font-size: 150%; → tamanho da fonte da numeração
width: 50px; → largura da imagem (deve ser a mesma que corresponde a imagem)
height:50px; → altura da imagem (deve ser a mesma que corresponde a imagem)
color: #fff; → cor da fonte da numeração
PRONTO!

Um comentário:

  1. Oi Anynha, Nossa! que presente vc está nos dando hem? Esse blog maravilhoso que vai ser de grande valia para nos ajudar nos nossos bloguinhos. VIREI FÃ, NÃO TENHO DÚVIDA QUE VOU VOLTAR AQUI TODA HORA - rsrsrs-
    Beijinhos para vc e espero que me siga pelo ABELHYNHA CURIOSA TÁ?

    ResponderExcluir

Seu comentário me deixa muito feliz.obrigada pela visita.

google-site-verification: google261ea1355834037a.html