♥ Tutorial- Número de Comentários dentro de um Balão

Como vocês ja devem ter visto, nós temos um balão com o número de comentários dentro de um balão. Se quiser colocar em seu blog, siga os passos corretamente e preste atenção.

1. Vá em editar HTML e procure por:


]]></b:skin>


2. ANTES desse código, cole:

.comment-bubble { 

float : right; 

width : 87px; 

height : 52px; 

background : url(http://2.bp.blogspot.com/_FXzEEWZ1MpY/TSPivDNRLmI/AAAAAAAABYY/_6APiNC397g/s1600/comentarios-69.gif) no-repeat;

font-size : 32px; 

margin-top : -19px; 

margin-right : 10px; 

A parte em vermelho você substitui pela URL da imagem do balão que você quer, olhe uns modelos abaixo:

        

       

OBS. Para pegar a URL da imagem, clique com o botão direito nela e clique em copiar URL.

3. Depois de fazer isso, procure por:

<h3 class='post-title entry-title'>


4. ABAIXO disso cole:

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

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

5. Agora visualize e salve!

Créditos: Treshy Teen

Beijos e Boa Sorte!