Modelo de gadget #3


Ouvindo ¡Hello! como les va? ahora si tengo teclado normal, nada de teclado de plantalla -tengo un trauma con ese teclado- 
Este tutorial de modelo de gadget es un poco largo así que empecemos!~
Antes de empezar quiero darle créditos por los codigos ah -Amary Miau's Blog- gracias a ella pude elaborar este sidebar para vuestros blogs ¡Muchas gracias!^^

 P R E V I A:

Para tener el modelo de sidebar en vuestros blogs
1 ) -Para poner el fondo-
Plantilla | editar html | CTRL + F
Y buscas:
]]></b:skin>
Y arriba pones este codigo:

.sidebar .widget {margin: 4px 2px 30px;background:#f;padding: 6px 6px;background:#fff;border-bottom: 5px solid #FED4E9

Para editar:
Lo rojo: El color del fondo
Lo azul: Es la barra de abajo del fondo

2) -Para el titulo-
Plantilla | Editar html | CRTL + F
Y buscas:
/* Headings
Después de encontrarlo hacemos lo siguiente:

 Lo que se muestra subrayado en la imagen lo borramos y lo reemplazamos por este codigo:

.sidebar .widget h2 {
color:#F7BDE2;
font-family: Georgia;
letter-spacing: 3px;
font-style: italic;
text-transform: lowercase;
background: #f1f1f1;
text-shadow: 1px 1px 0px #fff;
font-size:12px;
margin-top: -4px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 5px;
text-align:center;
box-shadow: 1px 1px 0px #FED4E9;
}

Para editar:
Rojo: Color de las letras
Verde: Color del fondo de la cajita
Rosa: Color de la sombra de las letras
Azul: Color de la sombra de la cajita

¡Y listo! se guarda y ya lo tenemos en nuestro blog.
-Si ves que no funciona el fondo blanco, es por que quitaste esto ese fondo transparente, lo mejor es no quitarlo.


-Adios
 Espero os sirva y den créditos.. si tienen dudas en el cbox, o en un comentario :)


6 comentarios:

  1. Me encanto! haber luego lo pongo en alguno de mis diseños XD

    ResponderEliminar
  2. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
  3. Hola, ¿que hago si no tengo en mi plantilla el "/* Headings"? Es que me gustó el diseño del gadget y lo quiero poner en mi blog pero no tengo ese código :'c ¿Lo puedo colocar en ]]>?

    ResponderEliminar
    Respuestas
    1. Hola.. que raro, pon la plantilla 'Windows, la azul' y ve sí sale, sí no, trata con ese código, ojala te funcione!

      Eliminar

¡Hey, gracias por leer la entrada!

- Sí vas a dejar un comentario que sea referente a la entrada.
- Comenta con respeto.
- No spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta, para poder ayudarte.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar la URL de tu blog para poder visitarlo.

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada.

Contacto:

(para cualquiera cosa idk)

gladiuskagg@gmail.com
-Glad.