sexta-feira, 24 de janeiro de 2014

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


Konichiwaaaa minna, tudo bom? Pois é esse é o meu ultimo final de semana de ferias, segunda começam as aulas e estou até pensando,mas não pensem que vou esquecer de vcs, isso nunca, vou estar sempre por aqui postando viu
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 e kawaii...
Espero que gostem meus lindinhos


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:90pxheight: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...
             
Até mais kissus

Nenhum comentário:

Postar um comentário