Eaw pessoal blz ... Hoje vou ensinar vocês a Como Colocar Balão De Comentários , é bem fácil!!
1° Blogger >> Design >> Editar HTML
2° Clique em Expandir Modelo de Widgets Aperte CTRL + F e procure por
<b:includable id='post' var='post'>
3° Embaixo do código cole esse código :
<span
class='post-comment-link-arriba' style='background:
url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpI-m1E3YCFjl8IykCV5mp63iwVUlbgZpzrvxfxz5yvbtaDbLymnZd-uOz5MRHRUVCzDS7MAqVNy-JW7hou4jJNrUMNoJ6J7Wb3uYdUH203SuduMQrWuwB8G3jj9SnzKrzAZvAnD2OEbo/s400/bubble.png)
no-repeat top right; width:48px; height:48px; text-align:center;
float:right;padding-top:8px'>
<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 , Visualize e veja se deu tudo certo !!
Se quiser mudar o alguma coisa do balão é fácil ...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpI-m1E3YCFjl8IykCV5mp63iwVUlbgZpzrvxfxz5yvbtaDbLymnZd-uOz5MRHRUVCzDS7MAqVNy-JW7hou4jJNrUMNoJ6J7Wb3uYdUH203SuduMQrWuwB8G3jj9SnzKrzAZvAnD2OEbo/s400/bubble.png
Esse é o background do balão , procure no google e hospede algum se
quiser modificar troque por o link acima !!
Os valores width:48px; height:48px é o tamanho da imagem
, mude de acordo com a nova que você vai usar
Para posicionar o balão como você quiser você deve mudar
o padding-top:8px o 8 é oque você muda !
0 comentários:
Postar um comentário