09 marzo 2011

Poner fondo a Gadget


Voy a explicaros cómo ponerle un fondo a un gadget de tu sidebar.
También sirve con el gadget de seguidores, el de archivos, el de etiquetas... con todos los elementos que tengamos en la sidebar :

Diseño>edición HTML>expandimos artilugios

Debes empezar por buscar tu elemento. Voy a ponerte un ejemplo suponiendo que quieres ponerle un fondo al gadget de seguidores...

Buscarías el título con el que lo tenemos, por ejemplo "me siguen..."

Puedes buscarlo fácilmente apretando Ctrl y F y usando el buscador

Nos aparecerá esta línea:

<b:widget id='Followers2' locked='false' title='Me siguen...' type='Followers'>

Ahora debes copiar el id del elemento, en este caso sería Followers2 y ponerlo de esta forma:

#Followers2{
background: #000000;
}

El fondo será de color negro. Si deseas más colores puedes usar la tabla de colores.


Si lo prefieres con una imagen de fondo , ponlo de esta forma:

#Followers2{
background: url(URL DE TU IMAGEN DE FONDO) ;
}

Pon la
url (dirección) de tu imagen y ya tendrás fondo :

Sea cual sea el fondo que elijamos, de color o de imagen, pondremos el bloque correspondiente encima de la etiqueta ]]></b:skin>


¡Suerte!

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

7 comentarios

El próximo domingo a las 12:00 horas frente al Estartit necesitamos estar TODO EL SEVILLISMO UNIDO y animar al primer equipo del Sevilla F.C femenino. Solo quedan tres finales en casa de las que no se pueden escapar los puntos ya que no hay margen de error. Por lo tanto Sevillistas, blogueros y el todo el fútbol femenino Sevillano necesitamos la ayuda de [email protected] para sacar esta situación adelante, ahora mas que nunca vayamos a animar a las chicas, necesitamos el apoyo de [email protected], el domingo tenemos que convertir la ciudad deportiva en un fortin y con la afición estamos seguro de que podremos conseguirlo.

"TODOS JUNTOS LO CONSEGUIREMOS"

Por favor pasadlo a toda la familia sevillista. Saludos

¡Genial Antonio!.
Dudas:
cuando hablas de copiar el followers2 y copiarlo asi

#Followers2{
background: #000000;
}


¿Adonde se copia?.

No entiendo lo de ponerlo encima de la etiqueta ]]>

Ya sabes que algunos somos un poco duros de mollera...
Un abrazo y ya me cuentas.

@Juan Angel de Tena
Se coloca arriba de la etiqueta ]]></b:skin>
dentro de la plantilla.
Pero busca antes el id del gadget, para ver su nombre real.

Si yo quisiese ponerloa todos lo gadgets igual y no ponerlos uno a uno como sería??

muy bueno men te felicito estaba buscando esto para mi blog suerte con tu pag

Mira La Verda No Entendi Puedes Colocar La Etiqueta Normal Y Luego Con Los Que Pones

Anime por ejemplo para el gadget que tienes ¿Que anime buscas? habría que colocar en el css esto:
#HTML8{background:#ccc} el ccc es el color gris.
Si buscas en tu plantilla "QUE ANIME BUSCA" verás algo parecido esto:
<b:widget id='HTML8' locked='false' title='Que anime buscas' type='HTML'>
donde el HTML8 es el identificador del elemento.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"