Personalizar el buscador de un blog

Definitivamente no tengo palabra ninguna... hace ya varias semanas que os dije que iba a volver y sin embargo hasta ahora no aparezco, no me regañéis.
Hoy os voy a enseñar un tutorial blogger para personalizar el buscador de blogger algo imprescindible para cualquier blog.

Personalizar el buscador de un blog


Seguramente si lo tienes puesto estará así:


Personalizar el buscador de un blog

Un poco soso y más para los blogueros que tienen todo el blog con cabecera de un color, gadget de un color y luego este buscador feillo, por es lo vamos a diseñar nuestro buscador de blogger, yujuuuuuuuu!!

1. Lo primero que haremos es ir a nuestro blog/ plantilla y personalizar.


2. Nos saldrá esta página y le damos a añadir CSS

Personalizar el buscador de un blog

y ahora simplemente añadimos este código para personalizar el buscador; 



input.gsc-input { 

color: #ffffff; 

font-size: 14px; 

height: 25px; 

background: #eeabb2; 

border-radius: 20px;

- La línea número 2 es el color de texto podéis poner el color que vosotros queráis simplemente quitando el código #ffffff; y poner el color que más os guste de los que hay AQUI.


- El número 3 es el tamaño del texto si lo queréis más grande o más pequeño simplemente cambiáis el 14px.



- La línea número 5 es el color del fondo del buscador podéis cambiar el color igual que antes simplemente eligiendo el código AQUI 



- La línea número 6 es el redondeo que tiene el buscador si no queréis redondeo simplemente le ponéis 0.



En algunas líneas no os he puesto nada porque simplemente no se pueden modificar.


3. Cuando tengamos el código simplemente lo pegamos y le damos ha aplicar al blog y tachan así queda.

Personalizar el buscador de un blog
¿Que os parece este tutorial blogger? ¿Te gusta personalizar el buscador de blogger?

Melyssa Blog belleza y cósmetica

9 comentarios:

  1. Yo como siempre siguiendo tus explicaciones. No lo tengo puesto ni feo ni bonito. Mañana voy a seguir el tuto para hacerlo. Ya te diré si lo consigo.

    ResponderEliminar
    Respuestas
    1. Vale, aquí la torpe del grupo. No me sale.
      Cuando pincho en añadir CSS me sale un recuadro en blanco. Copio lo que tú has puesto y lo pego. Le doy a aplicar y na de na.
      ¿Qué es lo que he hecho mal?

      Eliminar
    2. Que raro.. has cambiado algun color?

      Eliminar
    3. me encantooo !!!!!! es re facil y queda supero chulo

      Eliminar
  2. Gracias por hacer entradas de este tipo!
    Un besito ^^

    ResponderEliminar
  3. Muchas gracias, mucho mejor así! Muy útiles tus consejos.
    Saludos

    ResponderEliminar