.Carpe Diem: Número de comentários num balão

12 janeiro, 2012

Número de comentários num balão


Hoje vou ensinar vocês à adicionarem algo que está super na moda , antes nem todos blogs davam muita atenção pra isso mas hoje virou quase um sonho de consumo , até eu pesquisei uns dias até entender e poder postar aqui, eu tentei explicar bem breve pois os tutoriais que vi , não ensinam como você alinha o balão e também não dão modelos e dei um jeito.Então vocês vão aprender como colocar um balão com o número de comentários do deu blog ao lado do título da postagem , e olha , não é complicado eu consegui depois de um tentativa hihi , mas vamos ao que interessa não é ?




•Bom antes de escolher o seu modelo e cor de balão , direcione-se para Design - editar html do seu blog e na página do código 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 , logo acima dele coloque o código abaixo substituindo a parte em vermelho pela url do seu modelo de balão :


.comment-bubble { 
float : right; 
width : 87px; 
height : 52px; 
background : url(http://2.bp.blogspot.com/_FXzEEWZ1MpY/TSPivDNRLmI/AAAAAAAABYY/_6APiNC397g/s1600/comentarios-69.gif) no-repeat;
font-size : 32px; 
margin-top : -19px; 
margin-right : 10px; 
text-align : center; 
position:rigth; 
}

Depois de 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 , 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>

Bom , agora visualize , e se o balão tiver certinho , salve , se não estiver bastar conferir os números e ajustá-los novamente , ou então clique em limpar edições e refaça.Espero que consigam pois é fácil basta apenas a atenção.

Créditos: Trechy teen

6 comentários:

Jaqueline Santos disse...

Amei a dica e vou tentar fazer!
Bjuus


Rosachoquemakeup.blogspot.com

Tutti Berry disse...

U.U
Amei o tuto
fazia tempo q vc n postava
heiin
bjs

gpurple.blogspot.com

KAYANE disse...

Mas que otimo tutorial...
Eu estava msm querendo aprender como destacar mais os comentários, mas toda vez que eu coloco em Expandir modelos a página não carrega, sempre cai, parece uma praga kkkk mas eu amei o tutorial.. vou tentar fazer mais uma vez, mas no meu blog de teste ;)

Tem post novo la no meu blog, comenta??
bjs

http://talento-feminino.blogspot.com/

Sâmi C. disse...

Oiee =)

Adorei o seu blog, e já estou seguindo!!
Ficarei muito feliz se puder seguir o meu também!

Parabéns pelo blog, sucesso miiiiiiiiil!
Beijo grande!

Showteen disse...

amei a dica estou seguindo , segui de volta ?
http://showwteeen.blogspot.com/ comçando o blogger agora :D

Ana Clara disse...

Oii amei esse tuto e tb amei sue blog!

http://blogbyanaclara.blogspot.com.br/

Related Posts Plugin for WordPress, Blogger...