miércoles, 4 de enero de 2012

Poner fondo (background) al titulo del post y al sidebar



shalalaa ~~


Hola chicas en este tuto aprenderemos a poner un fondito a nuestro titulo del post es algo muy sencillito.

NOTA: por favor recuerden que no todas las plantillas son iguales asi que puede que si encuentres los codigos o puede que no o.o depende de la plantilla que uses okei?

bueno empezemos ^^



Poner un fondo a tu titulo del blog:




1.- Ve a Diseño >> Edicion de Html >> Expandir Artilugios

2.- busca el codigo:

h3.post-title {


o

.post h3 {


o

h3.post-title, .comments h4 {


3.- Busca:

background: $posttitlebgColor


3.- Y remplaza con este codigo:

background:url(URL DE TU FONDO O BACKGROUND);

Ejemplo:




4.- Da vista previa y guarda =D


Poner fondo al sidebar



1.- Ve a Diseño >> Edicion de Html >> Expandir Artilugios

2.- busca el codigo:

#sidebar1 h2 {


o

h2 {



4.- Busca:

background: $sidebar1HeaderBgColor;


5.- Y remplazalo por este codigo:

background:url(URL DE TU FONDO O BACKGROUND);


Notita: en caso de no encontrar *background: $sidebar1HeaderBgColor; * solo pega el codigo del paso 5 y listo.

6.- Da vista previa y guarda =D

53 comentarios:

  1. WAAA MUCHISISISIISIMAS GRACIAS MUJER!!!
    LO PONDRE EN PRACTICA ^^
    haber si em sale xD
    volvere a postear!
    para decir si me kedo o no xDDDdd

    ResponderEliminar
  2. *o* gracias Justo necesitaba esto! ^^ y que bueno verte de nuevo :D

    ResponderEliminar
  3. wow chica! gracias, justo ahora que estoy a horas de cambiar el diseño de mi blog :3~ esto me servirá mucho!!!

    que tengas un hermoso año nena, besos :3~

    ResponderEliminar
  4. Hola Annyz!! Genial truco para las entradas ^^ queda muy chulo, voy a probar a ponerlo.
    Feliz año guapa!
    Espero que este nuevo año sea genial y que tu blog siga así de bueno, kawaii y útil!
    Muchas gracias por tus consejos y trucos para el blog!

    Besitos!

    ResponderEliminar
  5. LUZMILLA: okii estare pendiente ^^ cualquier duda por aqui andare xD

    KITTY: Grax nena sii me tarde un pokitin de tiempo pero ya estoy al 100 para actualiar seguido xD.

    MARY: de nada y ojala te sea de utilidad.. cualquier cosa no dudes en preguntarme okis? ^^ tu tmb wapa te tengas un bonito anio que todos tus propositos se cumplan.

    Airlun: Oka feliz anio para ti tambien nena y un gusto que te hayas pasado por mi blog ^^

    ResponderEliminar
  6. Me he enamorado de tu frase de la cabecera *o*

    ResponderEliminar
  7. muchisimas graciasss! queda genial, un beso!

    ResponderEliminar
  8. Annyz me dices cual es la plantilla que se ocupa para eso que esta super kawaii , amo tu blog!! podrias seguir el mio? lo cambie lacasitadeloskawaii.blogspot.com Okis? besos!

    ResponderEliminar
  9. Laa q se puede poner eso espero que en la plantilla de blogger q uso yo!!

    ResponderEliminar
  10. claro que si se puede etrellita solo busca los codigos ^^ para mas facil la busqueda presiona ctrl+ la tecla F y ahi pones los codigos para encontrarlos

    ResponderEliminar
  11. Annyz te hago una pregunta, si puedes y quieres puedes publicar o decirme como se pone un sidebar en las fechas de entradas? No sé si me explico. Gracias ♥

    ResponderEliminar
  12. Que bonitooo *-* Estoy que busco un tutorial para poner borde entrecortado en las entradas, como en tu blog & en varios que he visto pero no encuentrooo :c me gustaria que hicieras ese tuto, porfaa que se vee bonito & quiero ponelo en mi blog *-*

    ResponderEliminar
  13. hanyuu ese tuto me lo han pedido ya bastante en estos dias sin falta lo pongo okas? besos

    ResponderEliminar
  14. FOLLOWI:

    hola neni sorry por la tardanza mira en mi plantilla para ponerle fondo a esa parte que tu buscas me aparece asi

    h2.date-header {

    y solo pego esto abajito

    background: url(URL DE LA IMAGEN) repeat right center;

    todo depende de la plantilla que uses pues todas son diferentes y los codigos cambian.. si gustas dime cual plantilla usas y con gusto te investigo okas ^^ saludos

    ResponderEliminar
  15. NOOOO no lo encuentro que más puedo buscar

    ResponderEliminar
  16. Emm... hace un rato remodele mi blog y cambie de plantilla la que tengo ahora es Plantilla Awesome Inc ;) ya te aviso si tengo problema con esta

    ResponderEliminar
  17. alessandra:

    oka haha nena que plantilla usas?

    ResponderEliminar
  18. okaaa grax sorry no habia leido el comentario anterior xD te investigo y digo okas? besos

    ResponderEliminar
  19. Gracias linda ^^ oye tienes un botoncito o algo así para que te ponga en mi blog para que te visiten??

    ResponderEliminar
  20. NOSE D: pobre miles de veces y nada ):

    ResponderEliminar
  21. MIily:

    cual plantilla usas lo que pasa es que es diferente en algunas

    ResponderEliminar
  22. Hola annyz me encanta tu blog es muy bueno me ayuda mucho para decorar mi blog muy kawaii, mira te queria decir que no me sale poner fondo al titulo, no encuentro el codigo ''background: $sidebar1HeaderBgColor;
    '' pero hise el paso 5, y no me da efecto... que estoy haciendo mal? :(

    ResponderEliminar
  23. hola silver :

    para poder ayudarte necesito me digas cual plantilla usas ..

    ResponderEliminar
  24. Hola Disculpa pero ami no me sale ya le intente con varias plantillas pero más no quiere :(

    ResponderEliminar
    Respuestas
    1. las plantillas que has usado son de bloguer o ya disenadas?

      Eliminar
  25. no tengo background: $posttitlebgColor y encontre el primer codigo.

    ResponderEliminar
    Respuestas
    1. oka si encontraste el primer codigo y no tienes background: $posttitlebgColor no te preocupes solo agrega:

      background:url(URL DE TU FONDO O BACKGROUND);

      abajito del codigo que encontraste osea

      h3.post-title {

      saludos

      Eliminar
  26. Hola!
    A mi no me funciona...solo encontre el h2 { y luego puse el background:url(url de mi fondo) pero no me funcionó solo me aumentó de tamaño las letras.
    Besos!

    ResponderEliminar
  27. oki por lo que veo tienes la plantilla simple has de tener el codigo asi

    /* Headings
    ----------------------------------------------- */
    h2 {
    margin: 0 0 1em 0;
    font: normal bold 11px Consolas;
    color: #8766dd;
    text-transform: uppercase;
    }
    solo agrega

    background:url(URL DE TU FONDO O BACKGROUND);

    te queda asi

    /* Headings
    ----------------------------------------------- */
    h2 {
    margin: 0 0 1em 0;
    font: normal bold 11px Consolas;
    color: #8766dd;
    text-transform: uppercase;
    background:url(URL DE TU FONDO O BACKGROUND);
    }

    y listo acabo de probarlo y si fuinciona

    ResponderEliminar
  28. Hola! tengo problemas con eso

    al poner el primero lo que cambia es pero el fondo de la entrada :S

    y el segundo es pero el fondo de todo el blog no el fondo que se examina , si no el fondo por ejemplo que tienes tu aqui en blanco donde salen tus entradas y el de la barra de alado :SSS

    ResponderEliminar
  29. amm creo te estas confundiendo con los codigos.. que plantilla usas?

    ResponderEliminar
  30. Anny ola espero puedas responderme pronto tengo muchas ganas de hacer este tuto pero solo me lo pone en el titulo de la entrada espero me ayudes y Gracias que hermoso blog

    ResponderEliminar
    Respuestas
    1. probemos esto copia el siguiente codigo

      /* Headings
      ----------------------------------------------- */
      h2 {
      text-align:center;
      -moz-border-radius: 35px;
      border-radius: 35px;
      font: $(widget.title.font);
      text-transform: $(widget.title.text.transform);
      color: #FFC4E7;
      margin: .5em 0;
      border: 1px dashed;
      background:url(poner fondo sidebar)
      }



      y pegalo justo codigo arriba de este

      /* Tabs
      ----------------------------------------------- */

      espero te funcione okis. me avisas ^^

      Eliminar
  31. Siento la molestia de nuevo, pero creo que ya lo arregle, igual arigato gosarimasu por todos tus post bellos *3* me encanta todo lo que tienes aqui en tu blog, es realmente hermoso ^^

    ResponderEliminar
    Respuestas
    1. oki ali que bien que se haya podido arreglar n.n

      Eliminar
  32. Hola! y como hago para ponerle forma al titulo porque se lo puse a mi blog y esta pero cuadrado y en tu imagen tiene forma :s , me ayudas? n_n

    ResponderEliminar
    Respuestas
    1. okii par aver las formas que le puedes dar ve este post

      http://annyz-kawaii.blogspot.mx/2012/01/tipos-de-bordes.html

      saludos

      Eliminar
  33. Hola annyz soy una chica muy torpe y apenas comienzo en esto de los blog y me gusto mucho la entrada y despues de muchos intentos lo logre pero viendo tu blog me dio ganas bueno me puedes decir como centrar el titulo de la entrada y el de los gadget espero me puedas contestar GRACIAS...

    ResponderEliminar
    Respuestas
    1. disculpa la demora.. claro con gusto te digo.. cual plantilla usas?? para saber donde debes buscar y los codigos que debes encontrar.. saludos

      Eliminar
  34. Hola annyz,yo quiero muchisimo este post,pero no aparece ningun codigo,yo uso Blogger! me explicas pliss???

    ResponderEliminar
  35. No puedo xD HAHAHA Tengo plantilla simple :C

    ResponderEliminar
  36. Hola Annnyz!! Yo tampoco puedo colocar el fondo :(, tengo una plantilla de blogger Fantastico SA. Ojala puedas ayudarme ^^

    ResponderEliminar
  37. adoro tu blog! me ha salvado mucho ^^

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.