26 dezembro 2012

0

Balãozinho com o número de comentários

Olá meus cupcakes !

Agora irei ensinar como colocar um balão com o número de contários ao lado do título do post.




1°Vá em Design,editar HTML e marque a opção 'Expandir modelos do widget'
2°Clique Ctrl + F e procure por:

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


3°Logo abaixo dele,cole o seguinte código:

<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXlejnAAWspq_0lydSXyauTGnM-X6X2bhhUWIJlMT7k7Sb9YVdyCUZWPOCcsDsrwQH67B0d4gGKEGZSsyP4TMSE1cEW_Yun-Vq4xmmNfFMr2CfF89LJiPPiwEQr5mvVTgNrKkaBxKNJc/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<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>


Pronto,agora você tem um balãozinho com o número de comentários do post !

                Visualize antes de salvar.

Nenhum comentário :

Postar um comentário