Comentários numerados no seu blog.

| | Comentários: 4


Coloque os comentários numerados no seu blog e use e abuse desse recurso para fazer os seus sorteios realizados no seu blog.


Comentários numerados no blog


Olá, queridos amigos!!!

Chegando com uma super dica!!!!

Coloque no seu blog os comentários numerados e tenha vantagens com esse recurso.


Através dos comentários numerados, você poderá fazer sorteios pelos comentários, caso você não goste de usar formulários no seu blog.

Eu fiz no meu blog de testes e ficou muito legal!! Veja:

Comentários numerados no blog

Vamos mexer no HTML do seu blog, então antes de mexer, faça o backup completo dele, caso dê algo de errado.Clique no link abaixo e veja como fazer o backup:



Copiando o código:


 Vá até o seu painel do blog e clique em MODELO.
Depois clique em EDITAR HTML.
Dentro da caixa de códigos, clique no teclado CTRL+F.
Abrirá uma caixa de pesquisa,onde você colará o seguinte trecho:


]]></b:skin> e aperte o ENTER no seu teclado.

Achando esse trecho, cole acima dele o código:


/* 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; }
/*  ------------------------------------------------- */
 
Pronto queridos!!!
Caso queira alterar algo, saiba que o vermelho é a cor dos números, você poderá alterar para cor que você quiser,ok.

 Tabela de cores: Clique aqui  
A cor azul é o tamanho dos números.

Depois do código colocado no blog, SALVE.

Gostaram meus queridos!!

Deixem seus comentários e compartilhem essa postagem nas suas Redes Sociais e Whatsapp e dê aquela super força para a Agenda dos Blogs!! Bjss!!!!!





                       
                                                   
                                                                           

4 comentários:

  1. Olá Magda...uma dúvida....estas siglas ]]> que estão a vermelho são para colocar na parte tracejada no meio dos asteriscos???? Beijos amiga

    ResponderExcluir
  2. Não amiga, esse trecho é somente para você copiar e colocar na caixinha de pesquisa que você abrirá dentro da caixa dos códigos em HTML do seu blog ( passos na postagem ).Esse trecho ]]> está no HTML do seu blog.Quando você achar, acima dele que você colocará o código que está na postagem.Bjsss

    ResponderExcluir

Eu agradeço a todos por comentarem no meu blog e assim que for possível, estarei respondendo aos comentários de todos.Bjsss!!