Cursos 24 Horas - Cursos 100% Online com Certificado

Colocando o número de comentários ao lado do título - Blogger

14 Comentários Autor : Notícia e blog 08 novembro 2009
Este hack "modificação" faz com que os números de comentários de cada postagem sejam exibidos em um balão ao lado do título da postagem,veja na imagem abaixo um exemplo de como ficará no seu template do Blogger:

Instalação
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

    14 Comentários

    Fabricio Oliveira disse...
    8 de novembro de 2009 17:27 #

    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

    Notícia e blog disse...
    8 de novembro de 2009 18:46 #

    @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

    Gabriela disse...
    18 de novembro de 2009 13:26 #

    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

    Anônimo disse...
    24 de novembro de 2009 22:59 #

    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

    manthonioz disse...
    16 de dezembro de 2009 13:21 #

    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.

    Notícia e blog disse...
    16 de dezembro de 2009 13:54 #

    @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

    Lívia Fabi disse...
    23 de junho de 2010 09:13 #

    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 "

    Notícia e blog disse...
    23 de junho de 2010 12:54 #

    @Lívia Fabi
    Tente novamente pois no momento da colocação você deve ter retirado uma tag h3 por isso o erro

    • Kabuki disse...
    3 de agosto de 2010 21:04 #

    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.

    Ivomar-ADM disse...
    18 de outubro de 2010 12:16 #
    Este comentário foi removido pelo autor.
    Jean Carlos disse...
    22 de outubro de 2010 12:29 #

    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!

    Acauã ϟ disse...
    28 de janeiro de 2012 20:32 #

    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 ?

    Adeval Marques Marques disse...
    30 de janeiro de 2013 18:21 #

    Gostaria de saber como faço para adcionar ao lado do número de comentários a seguinte frase: "Essa postagem tem "X" comentários".

    Obrigado se ajudar, mais uma vez.

    Keila Resende disse...
    9 de fevereiro de 2015 14:29 #

    Oi adorei o post, mas como faço pra deixar o balão com o numero de comentarios do lado esquerdo?? como ajusto pra ficar mais proximo de titulo? Abraços!

    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.