1.Faça login no painel do Blogger
2.Acesse "Layout"->"Editar HTML"->Marque "Expandir Modelos de Widgets"
3.Procure pelo código abaixo "Utilize Ctrl e F":
]]></b:skin>Antes do código acima adicione o seguinte:
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://imgur.com/o2jeb.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}4.Procure pelo código seguinte:
<h3 class='post-title entry-title'>Abaixo do código acima adicione o seguinte:
<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>5.Salve as alterações e visualize
Referência:Anshuldudeja
12 Comentários
OLÁ.... SEGUI O TUTORIAL EM UM BLOG DE TESTES... MAS O BALÃO APARECE EM CIMA DA POSTAGEM... OQ FAÇO PARA MUDAR ISSO?
ABRAÇOS
@Fabricio Oliveira
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://imgur.com/o2jeb.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}
altere o número em negrito deste trecho no seu template
Ola.. eu tentei por isso no meu blogue, mas a bolha aparece em cima de topicos, como e que eu faco para po-lo mais para o lado?
Ja tentei por aqueles numeros em negrito, mas nao funcionou porque nos codigos nao aparece em negrito!
Agradeco desde ja uma resposta rapida..
Abracos
gostei funcionou mas gostaria de saber se tem como colocar embaixo do balão escrito alguma coisa por ex: comentários...
se alguem souber poderia posta aki a solução
Eu descobri um provedor de e-mail fantástico na internet,com envio de mensagens para celular com custo detalhado para cada operadora e muitas outras ferramentas sensacionais.E gostaria muito de compartilhar com todos os visitantes desse blog.Um grande abraço a todos.
Obrigado pela postagem e todo sucesso do mundo com seu blog.
@manthonioz, pesso que me envie um e-mail com a postagem que deseja que eu publique mas lembre de detalhar como o serviço funciona.
meu e-mail é fernandopasse@hotmail.com
Olá...
Por aqui não deu certo...
Apareceu a seguinte mensagem:
Mensagem de erro em XML: The element type "h3" must be terminated by the matching end-tag "
@Lívia Fabi
Tente novamente pois no momento da colocação você deve ter retirado uma tag h3 por isso o erro
aqui deu certo,porém gostaria de saber,se é possivel movimentar apenas o numero,e nao o numero com a bolha do comentario junto,para eu poder centralizar certinho.
Grato.
Olá, descobri o q deve se fazer para movimentar o balao, apague a linha
"position:absolute;" e depois modifique os valores "-15px" e "2px" para se ajustar ao seu blog...
Espero ter ajudado!
Af, eu fiz certinho, mas quando pesquiso o 2º codigo ele encontra 2 , coloquei então no 1 e ele ficou no lado esquerdo da postagem, tentei no 2 e nada aconteceu :/ o que acontece ?
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.