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;
}
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>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
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 *--*
Obg pelo tuto, amei ^^
ResponderExcluirBjs.
http://tendencias-teens.blogspot.com
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
ResponderExcluirHum, eu gostei do tutorial, e do balãozinho quadrado vermelho, vou testar no meu novo layout! (^^)
ResponderExcluirhttp://acessopermitidoblog.blogspot.com/
Eu testei , mas não deu certo! :/
ResponderExcluirhttp://acessopermitidoblog.blogspot.com/
Queria pedir se eu posso pegar algumas dessas imagens pra or em meu blog ? Darei os créditos se necessário
ResponderExcluirhttp://paradateen1.blogspot.com/2011/07/inspiren-se-cupcakes.html comenta ? new post ! *----------*
ResponderExcluir