Comentários dentro de um balão

A dica de hoje é muito simples e fácil de seguir, e dá um efeito bem bonitinho em nossas postagens.
Trata-se do número de comentários que cada postagem tem dentro de uma imagem.
Pode ser um balãozinho, ou um ícone qualquer que combine com seu blog.
Veja no exemplo:

 

Vamos aprender?

Para começar ouça meu conselho: faça antes em um blog de testes.
Ou se quiser tentar direto em seu blog faça backup dele antes.

Aprenda aqui como fazer backup de seu blog

Para começar abra a página com os códigos necessários:


Copiar os códigos

Agora clique na aba Modelo e a seguir clique em Editar html.
Tecle Ctrl+F dentro da caixa de código e na barra de busca que abrir cole isso:

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


Dê Enter para localizar. Caso não encontre tente isso:

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


Assim que achar cole o Código 1 abaixo da linha que encontrou.
Salve.
A seguir, dentro da caixa de busca cole isso:

 ]]></b:skin>

Tecle Enter e acima da tag localizada cole o Código 2. Salve.
Clique em Visualizar e se estiver ok salve as alterações.

Dica extra:
Para ajustar os números dentro do balão lembre-se que em margin-top números negativos sobem e positivos descem.
Em margin-left números positivos vão para a direita e números negativos vão para a esquerda.

Brindes para você

Fiz alguns ícones para você usar caso queira.
Salve os que desejar, hospede-os em seu próprio blog (aprenda aqui como hospedar imagens no próprio Blogger) e use-as para personalizar seu blog.

Pode usar à vontade mas por favor não reblogue.Se quiser divulgar faça isso com um link para esta postagem.

Se usar diga nos comentários. Sempre gosto de ver...

Conheça a web-série Como personalizar o blog

1. Como criar um blog: criação da conta Google e criação do blog
2. Trocar o plano de fundo do blog e alterar largura e disposição das colunas; 
3. Centralizar o nome do blog, os títulos dos posts e dos elementos de página (gadgets);
4. Alterar cores e fontes dos títulos e do texto (fontes especiais, manuscritas, etc);
5. Criar um menu com abas abaixo do cabeçalho e inserir links nele;
6. Inserir assinatura personalizada;
7. Colocar Voltar ao topo com efeito deslizante;
8. Personalizar os comentários do blog (numerar, separar, incluir opção Responder, etc)
9. Data dos posts em formato calendário
10. Número de comentários dentro de um balão