add

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?


¿Necesito cambiar de color a la barra de título de un widget en específico, como lo hago? Su widget o gadget puede estar en el sidebar de su blog de Blogger o en cualquier lugar en específico, podemos cambiar de color a la barra de título siguiendo unas simples instrucciones.

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

Video Tutorial


Pueden ver su demostración en el siguiente blog de demos


Instrucciones:

Primero:

Para poder orientarse lean la siguiente información


Una vez que hayan leído la información anterior estarán listos para seguir las siguientes instrucciones

1 Ir a Blogger

2 Dirígete a Diseño

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

3 Identifica el widget o gadget que quieres cambiar de color a su barra de título.

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

Por ejemplo, voy a cambiar de color a los siguientes widgets los cuales tienen la siguiente identificación:

HTML 6
HTML 12
HTML 13

4 Una vez identificada el widget o gadget, diríjase a Plantilla

5 Un clic en Plantilla

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

6 Un clic en Editar HTML

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

7  Nos mostrara el código HTML de nuestra plantilla

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

8 En el paso 3 ya identificamos cuales son los widgets que quiero cambiar de color, voy a buscar cada uno de ellos y a remplazar un código por otro código

Por ejemplo

Voy a buscar el widget que tiene el nombre de “Cambiar de color a la Barra de Título” el cual su widgetId es HTML 12

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

Nos mostrara el código HTML del widget, mire la imagen de ejemplo

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

Código que se va a eliminar, mire la imagen

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

Eliminaremos el código que está marcado de color amarillo

<h2 class='title'><data:title/></h2>

Lo remplazaremos por el siguiente código

<h2 class='title' style='background:#5fa03f'><data:title/></h2>

Puedes realizar el siguiente cambio:

Puede cambiar el código de color que está marcado de color amarillo por el que usted quiera. Si necesitas buscar un código de color, le sugiero que visite el siguiente enlace en el cual le mostrara los mejores códigos de colores para páginas web


9 Una vez realizado todos los cambios damos un clic en “Guardar plantilla

¿Cómo cambiar de color la barra de títulos de cualquier widget de Blogger?

10 Eso es todo ahora visite su blog y vera que la barra de título de su widget o gadget cambio a otro color.

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no dudes en escribir

emailEnviar por correo

0 comentarios:

Publicar un comentario en la entrada

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios