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 !
haha' de nada u-u UHUSAHUASH' Esse tutorial é muito útil mesmo :3
ResponderExcluirSHUASUAU' é mesmo !
ExcluirAcho muito útil esse tutorial, adorei, deixa os comentários mais organizados.
ResponderExcluirTheenks ! Né ?
Excluir