28 de dez de 2012

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

4 comentários:

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!