03 janeiro, 2014
NÚMERO DE COMENTÁRIOS DENTRO DE UM BALÃO
É bem simples, entre no seu HTML e busque (Ctrl+F) por ]]></b:skin>
Acima dele coloque o código abaixo, substituindo a parte destacada pela url do seu modelo de balão.
.comment-bubble {
float: left; /* posicionamento a direita, pode mudar para right*/
width : 78px; /*largura da imagem do balão*/
height : 83px; /*atura da imagem do balão*/
background : url(http://migre.me/cXyq7) no-repeat;
font-size : 32px; /*tamanho da fonte do número de comentários*/
margin-top: -19px; /*margem em relação ao topo, ajuste o nº se precisar*/
margin-left: 10px; /*margem em relação ao lado esquerdo, ajuste o nº se precisar*/
padding: 3px; /* espaçamento interno*/
text-align : center; /*texto centralizado*/
}
float: left; /* posicionamento a direita, pode mudar para right*/
width : 78px; /*largura da imagem do balão*/
height : 83px; /*atura da imagem do balão*/
background : url(http://migre.me/cXyq7) no-repeat;
font-size : 32px; /*tamanho da fonte do número de comentários*/
margin-top: -19px; /*margem em relação ao topo, ajuste o nº se precisar*/
margin-left: 10px; /*margem em relação ao lado esquerdo, ajuste o nº se precisar*/
padding: 3px; /* espaçamento interno*/
text-align : center; /*texto centralizado*/
}
Lembre-se que em margin-top números negativos sobem e positivos descem. Já em margin-left números positivos vão para a direita e negativos para a esquerda.
Visualize e se estiver tudo certo salve. PS: O balão ainda não vai aparecer.
Agora marque a caixinha "Expandir modelos de widget" e procure por :
Agora marque a caixinha "Expandir modelos de widget" e procure por :
<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>
Agora visualize, e se o balão tiver certinho, salve.
Espero que tenham gostado, como podem ver o tutorial é bem simples, então se não conseguirem tentem novamente.
CREDITO: Go imagine
