Destacar comentarios del autor con una imagen

El siguiente truco está relacionado con el sistema de comentarios anidados de Blogger, que permiten una mayor personalización . Consiste en marcar con una pequeña imagen, un circulo gris con un lapiz dentro que aparece a la derecha del nombre, los comentarios que escribe el autor.

Este truco es muy sencillo de instalar ya que tan solo es añadir un fragmento de código CSS a la plantilla. Hay que destacar que la imagen está en Base64, es decir, no se aloja en ningún servidor externo sino que es un código que el navegador traduce en una imagen.

Cómo instalarlo en tu Blogger

1. Ir a Escritorio Blogger.
2. En el menú seleccionamos Plantilla.
3. Hacemos clic en Editar HTML.
4. En el código buscamos lo siguiente:

]] ></b:skin>


5. Encima de ello tenemos que pegar el siguiente código:

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