Destacar comentarios del autor con una imagen

Comparteme :

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

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

]] ></b:skin>

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

Comparteme :

Author : Bloguero Tutorial

Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?

Destacar comentarios del autor con una imagen.

Comparte