E algumas pessoas me perguntaram: Como se coloca esses balõezinhos ?
Aqui está a resposta:
Vá em HTML e procure por: <class='post-title entry-title'>
Se não tiver procure por: <b:includable id='post' var='post'>
EMBAIXO do código destacado em laranja, cole:
O que está escrito em azul é o URL da imagem que você quer que apareça.
O vermelho é largura da imagem e o azul escuro é a altura
O rosa corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)
Quer imagens pra pôr?
Lembrando que as imagens não foram feitas por mim, foi pela Jackie do blog: Jackie Dream
CRÉDITOS DO ARTIGO:
http://garotasglitter.blogspot.com.br/2012/05/colocando-imagem-personalizada-com.html
Aqui está a resposta:
Vá em HTML e procure por: <class='post-title entry-title'>
Se não tiver procure por: <b:includable id='post' var='post'>
EMBAIXO do código destacado em laranja, cole:
<span class='post-comment-link-arriba' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNAHADQlVEAuzLyLbSd-qKVpN5JnXKfxu9FXsbPiui97unlXKLcyCvhqf89tlOkEVuZIaVDUOQWDDCdH5Q_95ZGtVApu9dd-yHjwHS2ez8hvA1Vrw-Ada0KLElAXgmpLNM3pTZN3pOyE/s1600/pronto.png) no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'>
<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>
O que está escrito em azul é o URL da imagem que você quer que apareça.
O vermelho é largura da imagem e o azul escuro é a altura
O rosa corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)
Quer imagens pra pôr?
'Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''
Jackie eu quero fazer o meu próprio balão pode? Claro mais não se esqueça de ajustar o código para o mesmo tamanho da sua imagem ta! por exemplo as imagens que eu fiz tem a resolução 90x80
no trecho: width:90px corresponde a largura
no trecho: height:80px corresponde a altura
no trecho: padding-top:19px Corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)
Lembrando que as imagens não foram feitas por mim, foi pela Jackie do blog: Jackie Dream
CRÉDITOS DO ARTIGO:
http://garotasglitter.blogspot.com.br/2012/05/colocando-imagem-personalizada-com.html
Nenhum comentário:
Postar um comentário
Nós unimos para divulgar o nosso trabalho como blogueiras.Então para nós sua opinião vai alem de importância é essencial para o desenvolvimento do nosso trabalho: