Aí meu Deus, eu quero tudo *--*
~Boa tarde
Tudo bem??
Hoje eu trouxe um tuto que eu acho muito útil, que é "imagem nos comentários do autor" ele serve para destacar o comentário do autor da postagem! O resultado será parecido com este:
Tudo bem??
Hoje eu trouxe um tuto que eu acho muito útil, que é "imagem nos comentários do autor" ele serve para destacar o comentário do autor da postagem! O resultado será parecido com este:
Viram que tem um lapizinho ao lado do meu nome?!
Vamos aprender a fazer??
Bem, antes de tudo, créditos pelo tutorial e pelas imagens ao Kawaii World!
Agora vamos ao tuto!
Vá em "Modelo" >> Editar HTML >> Aperte Ctrl F ou F3 e procure por:
.comments .comments-content .icon.blog-authorLogo abaixo desta tag você vai ter um código enorme, apague tudo! Veja mais ou menos o código que você terá de apagar:
.comments .comments-content .icon.blog-author { background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);}
Como eu disse, apague tudo que está acima. Substitua pelo seguinte código:
Agora troque a parte "LINK DA SUA IMAGEM" pelo link da imagem que você deseja.comments .comments-content .icon.blog-author{position:absolute;top: -2px;right: 160px;margin:0;background-image: url(LINK DA SUA IMAGEM);width:32px;height:36px}
Bem pessoal, eu também trouxe para vocês algumas imagens para vocês usarem para destacar o comentário do autor:
Bem pessoal é isso! Espero que vocês tenham gostado!!
Kissus~
Otimo tuto! :)
ResponderExcluirAdorei
http://cihsato.blogspot.com.br/
Que bom que você gostou! ^^
ResponderExcluirKissus~