dicas blog
Home » , , , » Tutorial Colocar comentários numerados no blog e blogger

Tutorial Colocar comentários numerados no blog e blogger

0
Ola  galera  nesse   tutorial   iremos  ver   como  colocar  números  nos  comentários  do blog  e blogger, nesse   estilo  fica  um  balão com  números  de  acordo  com  o numero de comentários,  1 2 3 4 5  etc.  dando   um ar  bem  divertido  ao  blog.  na  parte  dos  comentários  se   você   gosta  de  personalização  e  números  poderá  gostar  disso,  a  instalação  e   bem  rápida   e as  alterações   também  são  bem  simples  você  podendo  trocar   a   cor  dos  números   e   o  balão  que  aparece  nos  comentários  do seu  blogger. 

  em  modelo  editar  HTML  Expandir modelos de widgets

Copie  o  código  abaixo  e   cole  acima de ]]></b:skin>

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555; /*cor dos numeros*/
padding-left:15px; /*Afastar a imagem  esquerda ou  direita */
padding-top:3px;
background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; /*largura da imagem*/
height: 48px; /*altura da imagem*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

 

Depões  salve  o  modelo


Fica como  na  imagem  abaixo  você  pode   trocar  o balão  por  outro  de sua  preferência 


 

pronto  espero  ter   ajudado  duvidas é  só perguntar



0 comentários:

Postar um comentário