Seguidores

Pesquisar este blog

segunda-feira, 18 de junho de 2012

0

Balão Com Número de Comentários ao Lado do Título do Post


Oi meninas! O tutorial de hoje é bem simples e utilitário porque é muito fácil de fazer e de grande utilidade, fica super bonito o balãozinho de comentários em forma de coração, de estrela, de patinha de cachorro, de cartinha e de qualquer imagem que você quiser colocar desde que seja do mesmo tamanho (48x48px) e tenha fundo transparente ou da mesma cor do plano de fundo do seu blog. Antes de tudo baixe o modelo completo do seu blog por medida de segurança. Então vamos ao tutorial:

1. Abra sua página inicial do blogger -> Design -> Editar HTML


2. Clique em Ctrl+F e procure por <b:includable id='post' var='post'>


3. Embaixo dessa parte que vai aparecer destacada de laranja cole o seguinte código:

<span class='post-comment-link-arriba' style='background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right;padding-top:8px'><br /> <b:if cond='data:post.allowComments'><br /> <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><br /> </b:if><br /> </span>

4. Substitua a parte destacada de vermelho pela URL da imagem que você escolheu.
Visualize e se estiver tudo certo, salve. Prontinho, é só isso. Espero que todas consigam, beeeeijos *-*

Nenhum comentário:

LinkWithin

Related Posts Plugin for WordPress, Blogger...