24 junho 2014

Comentários dentro de um balão




 <b:includable id='post' var='post'>>


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

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

                                                           &nbsp;]]></b:skin>



&nbsp;.comment-bubble {
float: left; /* posicionamento à direita*/
width : 78px; /*largura da imagem do balão*/
height : 83px; /*altura da imagem do balão*/
background : url(ENDEREÇO DE SUA IMAGEM) no-repeat;
font-size : 30px; /*tamanho da fonte do número de comentários*/
margin-top: -19px; /*margem em relação ao topo, ajuste&nbsp; se precisar*/
&nbsp;margin-left: 10px; /*margem em relação ao lado esquerdo, ajuste&nbsp; se precisar*/
padding: 3px; /* espaçamento interno*/
text-align : center; /*texto centralizado*/
}

Clique em vizualizar, se estiver tudo ok salve ;)
                                                    

  creditos: elainegaspareto.com // blogflor.com