[Tutorial] Numero de comentários dentro de um balão

Yoo.. continuando essa loucura de postar tutoriais loucamente aqui no blog.. vou ensinar a vocês como colocar o numero de comentários de um post dentro de um balãozinho!

É bem facinho... vamos ao tutorial:

1.Vá para Design >>>  Editar HTML. 
2.Marque a caixinha 'Expandir modelos de widgets'.
3. Tecle Ctrl + F e procure por:   ]]></b:skin>

4. Acima dessa tag cole esse código aqui:

.comment-bubble {
float : right;
width : 87px;
height : 52px;
background : url(URL DO BALÃO) no-repeat;
font-size : 32px;
margin-top : -19px;
margin-right : 10px;
text-align : center;
position:rigth;
}

5. Substitua a parte que está em vermelho pelo URL do balão que você quer usar! 

(akie estão algumas, pode modifica-las,menos o tamanho)
 

6.Agora aperte Ctrl + F de novo, e procure por esse código:

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

 7.Quando encontrar esse código, cole logo abaixo esse codígo aqui:

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

8.Antes de salvar visualize. se o numero estiver fora do balãozinho,mude os numeros que estão em laranja no primeiro código, até encaixar!

Pronto.. ^.^

Qualquer duvida deixa nos comentarios,okay?! XD

Créditos do Código e das Imagens: Iris Jovem