1/3/13

Tutoriales//Como ponerle un fondo distinto los gadgets


Hola muy buenas trardes o como estáis n.n bien traigo un tuto que descubrí yo que hace que puedas poner un fondo distinto o un color distinto a el gadget que quieras parte de este tuto lo cogi de kuma no tuto si no que la forma en que se hace va por ahí bien empezamos por el tuto que si no no acabo nunca

1.PASO
Vais a Plantilla>Edicion HTLM>Espandir artilugios>Ctrl+f
y buscas el nombre de tu gadget 
por ejemplo

<b:widget id='Followers1' locked='false' title='Sigueme' type='Followers'>

Lo que esta en naranjita es el codigo del gadget y eso es lo que tenéis que usar
Lo que esta en verde es el nombre que tu le has puesto al gadget

2.PASO
Bamos a Plantilla>Edicion>Sin expandir Artilugios >Buscas ]]></b:skin>

Abre un blog de notas y copia el codigo del gadget lo que esta en naranjita y pegaselo a este codigo si quieres poner un color no un fondo

#Followers1{
background: #000000;
}

Pegáis el código que ha habéis sacado donde esta en naranja 
Nota:No todos los códigos son iguales cada gadget tiene un código así que tienes que ir de uno en uno en caso de que se los quieras poner a todos si no pónselo solo a los que quieras.
Y donde esta en rosita pegais el codigo de color (Paguina gracias a Kuma que me lo enseño)

Y en caso de que quieras poner un fondo usamos este codigo

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

Lo que esta en Naranja como dije antes el el código del gadget (solo ese gadget) y lo cambias por el codigo que sea
Lo que esta en Verde es el código del fondo que queréis

C R E D I T O S
Gracias  a kuma por la idea que me dio 
su blog el oso durmiente esta genial visitarlo



Cuando lo tengas todo pegado antes de ]]></b:skin> le das a vista previa y miras hacer si te gusto
Cualquier problema :) a mi ok

9 comentarios:

  1. exelente tutorial!!! ya habia pensado en poner algo asi en mi prox diseño del blog pero no sabia muy bien como hacerlo muchas gracias

    ResponderEliminar
    Respuestas
    1. me alegraque te haya servido n.n aver tu proximo diseño estoy deseandolo

      Eliminar
  2. wiiii gracias kumy *-* lo nesesitaba muchisimooo
    un beso y un abrazo ;3

    ResponderEliminar
  3. Puedes hacer una versión actualizada??

    ResponderEliminar
    Respuestas
    1. Pues es que este tuto vale también para la actualizada :/

      Eliminar
  4. Porfavor Kumy ayudame a hacerlo :(

    ResponderEliminar
  5. Hola Kumy, estoy muy mal porque no consigo hacerlo tal como lo hacés vos :'( podrias ayudarme? sigo todos tus pasos pero no funciona!! :/

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com