Número de comentários dentro de um balão

Hooy ! Hoje vou ensinar vocês a colocarem no seu blog uma coisa que está super na moda ! "Número de comentários dentro de um balão" ! Muitas pessoas querem colocar isso em seu blog, mas não acham pela internet, e as vezes até acham, mas não entendem. Do modo que eu irei explicar eu entendo, talvez você não entenda, então deixe um comentário ! É bem fácil, veja !
Clique em Continue Lendo >> para ler mais !
Modelos pegos na net !
               


Antes de escolher o modelo do seu balão, vá em Design >> editar html no seu blog. Na página Editar html, marque a opção "expandir modelos de widgets"

Agora pressione as teclas: Ctrl + F e procure por:

]]></b:skin>

Quando o código aparecer, ACIMA dele coloque o código abaixo, substituindo a parte em vermelhor pela url do modelo do seu balão.

.comment-bubble { 
float : right; 
width : 87px; 
height : 52px; 
background : url(url do modelo do seu balão) no-repeat;
font-size : 32px; 
margin-top : -19px; 
margin-right : 10px; 
text-align : center; 
position:rigth; 
}

DEVERÁ FICAR ASSIM :





Após substituir a url do seu balão, pressione novamente as teclas: Ctrl + F e procure por:

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


Quando ele aparecer destacado, logo ABAIXO dele coloque o seguinte código:

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

Deverá ficar assim:












Agora visualize, se estiver certinho, salve. Se não estiver certo, cancele e repita. Espero que você tenha conseguido.

Nenhum comentário: