13 de julho de 2011

Como colocar balaozinho de comentário

Oioi
to aqui pra postar mais um tutorial!Esse tutorial foi mais um dos muitos que aprendi no Trechy Teen!
Mas o que é "balaozinho de comantário?", é isso aqui :

Viu?Fica simplismente lindo!
Ok chega de blábláblá e vamos ao tutorial:
*Nivel do tutorial: Fácil
*Mexendo no HTML do blogger.


Primeiro vcs precisam achar baloezinhos fofos, eu fiz alguns pra vcs:



Achei que ficou legal!Tomara que seja util =D
Continuando....


Agora vá em: Desing>>Editar HTML>>marque a opçao: "expandir modelos de gadgjets" 
Aperte :Ctrl+f (pra quem não sabe é a caizinha de busca)
e procure por:

]]></b:skin>

Quando o codigo aparecer, cole logo acima dele, o codigo abaixo, sbstituindo o vermelho pelo codigo do 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 que substituir o url do seu balão, novamente aperte :Ctrl+f, e procure por:

<h3 class='post-title entry-title'>

Quando ele aparecer,abaixo dele cole o codigo:

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

Visualise, se estiver tudo ok salve.
Prontinho.
Simples né?
Eu confesso que tinha preguiça de mexer com HTML e achava que era dificil.Mas foi exatamente colocando o balaozinho que eu mexi pela primeira vez no HTML, não é dificl é super simples.

Gostaram?Foi util?
Espero ter ajudado!
E assim encerramos a semana especial de tutos.Espero que tenha sido proveitoso e util pra vcs =D
Beijos, beijos, 
Tchaau *--*



6 comentários:

  1. Obg pelo tuto, amei ^^
    Bjs.
    http://tendencias-teens.blogspot.com

    ResponderExcluir
  2. amei o post, vou tentar colocar no meu blog xD AH e tem post novo lá "como entender os homens" será que tem como? http://whatthehellsociedade.blogspot.com Xx

    ResponderExcluir
  3. Hum, eu gostei do tutorial, e do balãozinho quadrado vermelho, vou testar no meu novo layout! (^^)

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  4. Eu testei , mas não deu certo! :/

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  5. Queria pedir se eu posso pegar algumas dessas imagens pra or em meu blog ? Darei os créditos se necessário

    ResponderExcluir
  6. http://paradateen1.blogspot.com/2011/07/inspiren-se-cupcakes.html comenta ? new post ! *----------*

    ResponderExcluir