10/03/2016

| |

Comentários numerados no seu blog.

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!!!!!





Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

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

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!