Header Ads

Imagen de Fondo en los Títulos de los Gadgets

Las imágenes de fondo en el Blog son una fuente de atractivo para los lectores, claro si es que sabemos que imagen poner, en esta ocasión aprenderemos a poner una imagen de fondo en los títulos de los gadgets de Blogger, de esta forma podemos dar un estilo personalizado a nuestros gadgtes, la idea es no buscarse una imagen muy pesada, ya que podría interferir con la carga de la pagina, siendo esta una molestia para los lectores. En esta entrada aprenderemos como poner una Imagen a nuestros títulos de los gadgets, para poder personalizar estos a nuestro estilo.


Poner imagen en los títulos de los gadgets de blogger:

Para poner un Fondo en el titulo de los Gadgets de Blogger, debemos hacerlo con CSS, no se preocupen no es nada complicado, antes de empezar tengo que aclarar que el código que a continuación usaremos es general para todas las plantillas personalizadas de Blogger, excepto las vistas dinámicas, así que si usas otra plantilla ajena a la que te brinda Blogger, mas abajo explicamos como Poner la imagen de Fondo en los Títulos de Los gadgets para Plantillas ajenas a las que Blogger nos birnda.

Antes de poner el código CSS, debemos identificar la clase o identificador que define el Titulo de los gadgets en este caso para las plantillas personalizadas por Blogger la clase que define los Títulos de los gadgets es el mismo, así que el código para poner la imagen de fondo es el siguiente:




De esta forma tendremos ya una imagen en los Títulos de nuestros gadgets, pero al usar solo ese código la imagen que pongamos se repetirá hasta que ocupe todo el espacio del Widget en forma de mosaico, aveces esto puede ser molesto, así que para solucionar eso, aplicamos lo siguiente:



Con el siguiente código, la imagen que pones solo se repetirá una ves y estará de manera centrada, ideal para poner en los títulos de nuestros gadgets.


Fondo en los títulos de los gadgets en plantillas ajenas a Blogger:

Bien al usar una plantilla ajena a Blogger, la cual puede ser porque la descargamos de una pagina de plantillas o por diversas razones, el procedimiento es lo mismo, el CSS que aplicamos sera igual y tendrá el mismo resultado, con la única diferencia que la Clase o identificador que define los Títulos de los gadgets puede variar, así que para identificarlo solo hacemos lo siguiente:

1)Nos ubicamos en nuestro Blog, seleccionamos el Titulo de cualquiera de nuestros gadgets y damos click derecho, de la siguiente forma:

Inspeccionado elemento seleccionado


2)Luego de eso seleccionamos la opción Inspeccionar elemento, se nos abrirá una ventana en la cual se nos aparecerá ya seleccionada la Clase o identificador que define al Titulo de nuestro gadget:


Clase que define al elemento inspecionado


De esta forma podemos conocer la clase que define a nuestro Titulo de Gadgets en caso de contar con plantillas ajenas a la que Blogger nos brinda, luego el procedimiento de poner un fondo al Titulo es el mismo.

Espero que les sea de mucha utilidad este Tutorial sobre como poner una Imagen de Fondo en Los Títulos de los Gadgtes de Blogger. 

Cualquier duda o Aporte Hacerlo por Comentarios!. Gracias por su Tiempo!

¿Tienes alguna otra forma de personalizar Los títulos de los gadgets en Blogger?, comentalo!







1 comentario:

  1. solo en el primer gadget se coloca la imagen el resto no. PORQUE????

    ResponderEliminar