Tutorial: Balões com Número de Comentários

Olá pessoal!!

Tudo bom??

Bom, eu deixei essa postagem preparada, ontem de tarde. Mas não quis postar, por que tinha que estudar. E agora estou publicando aqui pra vocês...

Trouxe um tutorial, de como colocar um balãozinho com o número de comentários de um post. Eu acho muito legal, além de ficar fofinho...

Vamos lá?

Vá em Designer -> Editar HTML -> Marque a caixinha "Expandir modelos de widgets" e procure por:

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

Se não achar esta palavra, tente esta outra, pois há diversos modelos e muitos códigos diferentes: 

<b:includable id='post' var='post'> 

 Cole o código abaixo, em baixo da primeira tag destacada:

<span class='post-comment-link-arriba' style='background: url(URL DO SEU BALÃO)no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a></b:if></span>

O código destacado na cor rosa, significa a URL do seu balão, ou seja, coloque o link do seu balão. Entenda que width:90px -  É a largura, height:80px - É a altura e padding-top:19px – é a quantidade de comentários, contida no balão.

Para ajudá-las, achei alguns balões lá no Jackie Dream, então a ele todos os créditos!

             

Créditos do Tutorial:

Only Teen

Bom,  depois posto mais aqui pra vocês...