21 marzo 2012

Personalizar la data del blog + Backgrounds

(Quiero una iguaal)

Hi! Hi! mis amores ^^, Hoy les traje un tuto super útil que varias
chicas aqui en coco teen ya me lo pidieron, he notado que esta bastante
de moda personalizar la data con fondos coloridos así que cree un
tuto super sencillo y paso a paso para Dar un toquesito de orden y
diversión al blog anda animate y da click en lee mas.. 

    La data de la que les hablo es esta:



ves que bonita?   Tu puedes colocarle el fondo que desees,
asi que manos a la obra.. relajate.. preparate.. aqui vamos..
Ve a Diseño  Elementos de pagina y haz click en editar en el 
area de los post como muestra aqui:


Te saldrá como una cajita pequeña y en ella modifica la manera
en la que muestra la fecha de tu blog dejandola de esta manera
(hay que saber que la fecha cambia respecto al dia en que estes)

Guarda los cambios y ve a  Edición de HTML , presiona  F3 y busca:
h2.date-header {
 Estará mas o menos así:
Deberás borrar lo seleccionado en azul o lo que sea que este allí
(sin borrar la llave)

Y colocar en vez de eso esto:
margin-top: 3px; 

color: #ffffff;

float: top;
text-align: center;
background: url("Aqui el URL DE TU FONDO") repeat;
-webkit-border-radius: 5px 5px 0px 0px;


Debes de elegir el fondo que mas te guste y colocar su URL donde te pida el codigo de
arriba para que todo quede asi:

Remplaza con el URL visualiza y si todo esta en orden  guardalo!


Aqui les dejo algunos fonditos :






 
 
 
 
  

30 comentarios:

  1. El del espacio es el que tengo yo en mi blog :)
    Que lindo tuto, me encanta. Muchas gracias

    ResponderEliminar
  2. Lindo tuto, para los que no sabían como hacerlo♥

    ResponderEliminar
  3. Awww, muchas gracias por publicarlo! :)
    En cuanto tenga tiempo me pongo a probar...
    Un beso!

    ResponderEliminar
  4. Preciosa tuto, me encanto mucho ^^
    Cuando tenga tiempo me pondre a ellos ^^
    Y claro que te sigo.

    Muchos besitos!!

    ResponderEliminar
  5. Un tutorial muy útil, la de veces que recurro a tí!!
    Gracias!
    Besos

    ResponderEliminar
  6. A DEFINITIVAMENTE TU BLOG ES GENIAL, ME ENCANTA ESTA ENTRADA, INTENTARÉ HACERLO.
    SABES QUE SIEMPRE QUISE TENER? una imagen de titulo como la tuya & de buena calidad pero nose como se hacen u.u
    UN BESO ENORME & GRACIAS POR PASARTE, SI NO NUNCA HUBIERA ENCONTRADO TU BLOG que es lo + .
    Un beso linda & te sigo tmb.

    ResponderEliminar
  7. awwwww muy buen tutorial, hace mucho que andaba buscando esto, tal vez y me anime y remodele mi blog n.n

    ResponderEliminar
  8. Heeey nwn Que geniial :D Me encantó :D

    ResponderEliminar
  9. sSuuuuuuuuuh! :D preciosa! acabo de leer las entradas retrasadas! has acertado completamente con mi signo del zodiaco! :o Alucinante! Esta entrada me servira de mucho :)) gracias por ponerla, cariño!

    Mil besitos, y cuidate eh?

    carmeeen <3

    ResponderEliminar
  10. Tiempo sin pasarme por tus blogs Suh!, te mando un saludo :)

    ResponderEliminar
  11. es genial que compartas cosas asi, si tengo tiempo le hago algun cambio! muchas gracias por tu comentario. un beso!

    ResponderEliminar
  12. Está increíble todas las ayudas, como siempre.! Un besazo

    ResponderEliminar
  13. Me encanta este tutorial, solo tengo un problema no se donde conseguir el url de los fonditos como hago para pornerlo?
    Tu blog esta exelente me encanta! espero que me respondas un beso te sigo =)

    ResponderEliminar
  14. Este me lo guardo en favoritos, que puede que lo haga más adelante ^^

    ResponderEliminar
  15. Hola guapa, quiero esto para mi blog pero no me salen esos códigos, utilizo una plantilla simple, podrías ayudarme? Un besito y gracias guapa!! :)

    ResponderEliminar
  16. holaa, muchas gracias, esto no lo sabia :D
    un saludo desde:
    http://behappytobesmart.blogspot.com

    ResponderEliminar
  17. Holaa! Me encanta tu blog, una cosilla... no encuentro edición HTML :S

    ResponderEliminar
    Respuestas
    1. tienes que ir a plantilla- y editar html
      beso. pasate por mi blog http://mycieldecristal.blogspot.com.ar/#

      Eliminar
  18. no sabrías como se hace para ponerlo en los gadgets?

    ResponderEliminar
  19. hola..!! no me aparece lo que tengo que encontrara en edicion html y no lo pude hacer!!!!!!!

    ResponderEliminar
  20. OMG! no tienes ni una idea de como he buscado esto *-* gracias por la entrada :)) me gusta mucho tu blogg y ojala puedas pasar por el mio y darme alguna recomendacion n.n gracias :)) besos y buena vibraaa!

    ResponderEliminar
  21. Ohh muchas Gracias!, Que lindo tutorial n.n

    ResponderEliminar
  22. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  23. Nunca encuentra los codigos. que hago ¿

    ResponderEliminar
  24. Haceme un tuto de como personalizar comentarios.-

    ResponderEliminar
  25. gracias ... lo e estado buscando desde ase mucho
    http://adictoalos.blogspot.mx/

    ResponderEliminar
  26. No entiendo porque ninguno de los códigos que tu pides buscar los consigo, ni siquiera buscándolos por f3.. :( que alguien me explique porque u.u

    ResponderEliminar
    Respuestas
    1. Intentaa Buscarlos Con La Combinacion ctr+f

      Eliminar

========================S2============================
Solo habla si te interesa! y se cordial. Si no te gusta no me lo hagas
saber pues hieres mis sentimientos y yo publico para ti y para los demás
lectores así que no seas mala leche.
========================S2============================