Imagem no Comentário do Autor


Boa noite pessoal !

Hoje eu trouxe um tutorial muito útil ! Esse tutorial ensina como colocar uma imagem no comentário
do autor do blog ! Isso é bem útil porque todos
vão poder saber que aquele comentário é do dono do blog, fica muito mais organizado !
Esse tutorial eu consegui no IIRTW(créditos).

~Enjoy~

Vá no HTML do seu blog e procure por:

.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==);}

Apague tudo isso, e substitua por esse:

.comments .comments-content .icon.blog-author{position:absolute;top: -2px;right: 160px;margin:0;background-image: url(LINK DA SUA IMAGEM);width:63px;height:39px}

Width é a largura da imagem e height é a altura. Top e Right servem para você mover a imagem.
Aqui algumas imagens para vocês usarem:



Todas feitas pela Sagwa, dona do IIRTW, então créditos a ela.

Então é só isso gente !
Queria agradecer ao IIRTW pelo tutorial !



4 comentários:

  1. haha' de nada u-u UHUSAHUASH' Esse tutorial é muito útil mesmo :3

    ResponderExcluir
  2. Acho muito útil esse tutorial, adorei, deixa os comentários mais organizados.

    ResponderExcluir

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!