Ola galera nesse tutorial vamos 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.
Vá em modelo editar HTML Expandir modelos de widgets e
copie o código abaixo e cole acima de ]]></b:skin>
PASSE O MOUSSE:
.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeJnnnZvNZKkdxZM1QI_AqtkYmcUKI8HtQjFcG_6CR1N7vnZw9-0Hodi3UeqX3iKVCUiFOaYa5CM4fvnaUWb5nJMszMhnSa-JDZKgwCOWgtUTBL8PPDLjL9RlUVGo2U9YBirrYFi3TBgne/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;
}
Salve o modelo.
Você pode trocar o balão por outro de sua preferência se quiser claro.
About the Author
0 comentários :