Blogger: Comentários numerados | Follow your dreams
Blogosfera

Blogger: Comentários numerados

Uma ótima dica para fazer sorteios é numerar os comentários e depois colocar a quantidade no random.org, o número que sair será o comentário vencedor. Super simples, não é?! Sem sistemas complicados em que é preciso fazer login e etc etc.

Bom, nesse tutorial vou ensiná-los a deixar os comentários do blogger numerados, no meu blog ficou assim:
ComentariosNumeradosNoBlogger

Vá em Modelo -> Editar HTML. Localize o trecho ]]></b:skin> (use o Ctrl + F do seu navegador). Cole logo ACIMA desse trecho o código à seguir:

/* Comentários numerados ————————- */
.comments .comments-content {
counter-reset: contadorcomentarios;
overflow: hidden;
position: relative;
width: 100%; }
.comments .comment-block:before {
color: #919191;
content: counter(contadorcomentarios, decimal);
counter-increment: contadorcomentarios;
font-family: Arial;
font-size: 20px;
font-weight: bold;
position: absolute;
right:2px; top: 5px; }
/*  ————————————————- */

 

O trecho em vermelho é referente à cor dos números, o trecho verde é o tipo de fonte e o azul é o tamanho da fonte. Modifique o que desejar, depois salve e confira se está tudo certo.

Espero ter ajudado. :)
Até o próximo post, pessoal!

Tags : Blogger

29 Comentários

  1. Hummm, eu não pensei por esse lado. Fiz um sorteio recentemente no meu blog e usei um formulário de sorteios, daqueles sistemas complicados como você bem disse. Valeu a dica *-* Vou anotar e, usar no próximo sorteio. beijos :*

  2. Olá, karoline!

    Sou Vânia, iniciante em blogs, estou criando o meu ainda, mas o seu tem me servido de inspiração e me ajudado muito!!!

    Obrigada

  3. oi linda, adoro o seu blog, visito ele todos os dias *—* tá de parabéns :3 como se faz pra deixar o avatar dos comentarios redondos e com a imagem que voce escolhe? ( tipo que os avatares dos comentarios do seu blog é aquela bonequinha do logotipo ) como faço pro meu ficar assim também ( só que com a minha própria imagem é claro :) )

Deixe uma resposta