8 ene 2023

Añadir fondo a un widget

|| ||



Hey babies! ¿Recordáis que en el anterior diseño el primer widget no tenía fondo? Bueno, pues hoy traigo el tutorial de cómo hacerlo y no morir en el intento, es más fácil de lo que pensáis, al menos intentaré que quien no sepa manejar muy bien el html lo entienda (y si no, siempre podéis pedir ayuda en los comentarios y os ayudaré).

Se veía tal que así:


Vamos al HTML de nuestro blog (aquí enseño cómo) y veremos que nos aparecen varios apartados como este:

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

Lo que está en negrita puede tener muchas variables (tales como Adsense, HTML, etc). Esos son los códigos de tus widgets y están colocados en orden para que sea más fácil identificarlos.

Ahora vamos a pegar el siguiente código antes de ]]></b:skin>:

#HTML1{
background: #000000;
}

Lo que tenemos que hacer es sustituir el nombre del ID (HTML1) por el que nos interese, así como el color que tendrá el fondo (#000000) por el que queramos o si nos interesa tenerlo transparente (como el que yo tenía), simplemente hay que poner la palabra transparent (⚠ con punto y coma al final!) y tachán!.

2 comentarios:

  1. ┊  ┊  ┊  ┊
    ┊  ┊  ┊  ★
    ┊  ┊  ☆
    ┊  ★

    Hola Aradne! (○^o^)/)) ☆ Me encanta que sigas publicando tutoriales, son de gran utilidad. Justo me surgió una duda, ¿así se le puede agregar el fondo al apartado de "Seguidores"?.
    Deseo que te encuentres bien, te deseo un gran año 2023 ♥.
    ┊  ┊  ┊  ┊
    ┊  ┊  ┊  ★
    ┊  ┊  ☆
    ┊  ★

    ResponderEliminar
    Respuestas
    1. ¡Hola Farina! Acabo de comprobarlo y sí, se puede cambiar el fondo a los seguidores, solo hace falta que le pongas el ID perteneciente a ese widget.

      ¡Feliz año nuevo 💖!

      ~ Aradne

      Eliminar

Hey! Si has llegado hasta aquí es porque has leído todo el post y si no, intenta hacerlo, tal vez haya escrito algo sobre mí, el blog o cualquier tema que a mi me parezca importante.

Aquí dejo algunos puntos a tener en cuenta a la hora de comentar:

Por favor, sé respetuoso/a.
Si tienes cualquier duda que no se pueda resolver por comentarios o cualquier pedido, hazlo en Contacto.
¿Quieres afiliarte? Puedes dejar el link en la sección Afiliate.
¡Gracias por visitar el blog!

Aquí dejo algunos Kaomojis por si quieres usarlos:

(* ^ ω ^) ☆ *:… o (≧ ▽ ≦) o…: * ☆ (o ^ ▽ ^ o) (‘. • ω •.`) (o · ω · o) (@ ^ – ^) ヽ (* · ω ·) ノヽ (o ^ – ^ o) ノ (^ 人 ^) (^ ▽ ^) (¯ ▽ ¯) (‘. • ᵕ •.`) (≧ ▽ ≦) / (♡ ˙)˙ ♡) (* ¯ ³ *) ♡ (* ♡ ∀ ♡) ♡ (¯ ▽ ¯) / ♡ (> ﹏ <) (; ⌣_⌣) (–_–) (╯_╰) (T_T) (╥ω╥) (O_O;) (⊙_⊙) (⌒ ▽ ⌒) (^ – ^ *) / (o’ω`o) ノ (✧∀✧) / (~ ▽ ¯) ~ (^ _ ^ ♪) (~ ˘ ▽ ˘) ~ (˘ ▽ ˘) っ ♨ (͡ ° ͜ʖ ͡ °)

O si estás usando Windows, usa la combinación de teclas Windows + . (punto) para otros símbolos y/o emojis.