FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

Cómo utilizar el código de layout {Parte 1}

27 oct 2012
Hola chicas! Hoy vamos a empezar a aprender como editar el código base de layout que les deje. Se que muchas de ustedes saben como utilizarlo, lo cual es genial, pero hay muchas que estan deseando aprender a hacerlos así que ya he explicado la parte del diseño y ahora veremos como llevarlo al código para que pueda verse en nuestro blog.

Se me ocurrieron muchas formas de explicarles como entenderlo y modificarlo pero voy a hacerlo en el orden que yo utilizo cuando modifico el código para hacer un nuevo layout, porque si no temo que voy a perderme y olvidarme de explicarles muchas cosas. Y nadie quiere que pase eso.

Bien. Lo primero que yo hago siempre es modificar las imágenes; es decir, la cabecera, las tres partes del sidebar y las tres partes de las entradas. Así que eso es lo que les explico en este video. También explico como tienen que hacer para recortar las partes y poder subirlas correctamente a Tinypic, Photobucket, etc. Comencemos.



Quizás resulte un poco largo pero... es bastante lo que hay explicar! Traté de hacerlo lo más dinámico posible, espero que no se aburran!

Bueno como siempre, y como ya repetí 3 millones de veces, cualquier pregunta o cosa que no les haya quedado clara, me dejan un comentario acá, en Ask, en Twitter, Facebook, etc. Besos miles!

19 comentarios :

  1. Buenisimo Cata! Muchas gracias, me encantan tus tutoriales :)

    ResponderEliminar
  2. Geeeeenial! Gracias Cata!
    Sos una genia en todo!
    Graciaaaaas! :)
    Besii (:

    ResponderEliminar
  3. Ya intenté,solo que cuando codifico todo,pongo ''Vista Previa'' & me Sale el el Layout arriba & mas abajo la barra de navegacion junto con todo el cuerpo de mis entradas que he publicado ABAJO,quehagoo?:S

    ResponderEliminar
    Respuestas
    1. Uff la verdad el código es una cosa muy delicada, hay que prestar MUCHA atención cuando modificas algo, porque como dije por ahí, una coma, un corchetito, una letrita que borres o corras de lugar y se te desarma TODO.

      Entonces desde acá, sin ver tu blog ni nada, no puedo saber que has tocado o que cosita has cambiado de lugar sin darte cuenta. Lo único que puedo decirte es que vuelvas a intentarlo de cero.

      Y adeemás te recomiendo 2 cosas:

      1. NO pongas VISTA PREVIA, haz tus cambios, pon "Guardar plantilla", vas al blog y lo actualizas porque no siempre se ve muy bien desde la vista previa.

      2. Por otro lado, modifica de a una cosa por vez, o sea por ejemplo, pones las imágenes de las entradas, guardas los cambios y luego vas y actualizas el blog. Esto te va ayudar a que te des cuenta si has cometido un error, dónde lo has hecho. Por ejemplo, supongamos que has hecho la parte de las entradas, entonces guardas, actualizas y si algo se ve, significa que tienes que revisar sólo eso que acabas de hacer para ver dónde esta el error, se entiende?

      En fin... que lo que me dices no tiene una solución inmediata, hay que tener muchísimo cuidado. Perdón por no poder ayudarte más... si quieres, pasame tu blog e intento fijarme si yo encuentro algun error, pero tampoco es que te certifico que vaya a encontrarlo porque no se donde está tu error (: Besos

      Eliminar
  4. Hola Cata, la verdad me gustaría mucho tu código del layout, pero no tengo twitter ni facebook.... y me gustaría mucho aprender, ¿podrías pasármelo de otra manera?

    ResponderEliminar
    Respuestas
    1. Sí, por e-mail, dejame el tuyo o enviame uno tu a notasinglesong@hotmail.com.ar y te la paso! :) Besos.

      Eliminar
    2. Gracias, ahora te envío uno ^^

      Eliminar
  5. a mi lo que no me sale es cuando quiero guardar el sidebar... (lo eh guardado en psd) y al presionar ctrl a ctrl c / ctrl x... me sale en blanco en ves de transparente.... como me podes ayudar?

    ResponderEliminar
  6. ah no ... creo que no me llego en al ask.fm?

    ResponderEliminar
  7. no encuentro lo de entries, no lo de topnews, nada de eso.. existe la posiblilidad que no este o que tenga otro nombre??

    ResponderEliminar
    Respuestas
    1. Si descargaste mi código NO, tiene ESOS nombres... ahora si estas usando otro código no se la verdad

      Eliminar
  8. No encuentro lo del Header, ya hice todo lo del image maps, a la perfeccion pero no encuentro lo que me pedis que busquee jdaslkdjkasld ayuda :3 (podrias contestar en mi blogs) TE AGRADEZCO MUCHISIMO! y fijate en mi blog te hago una mencion en "recomendados" GRacias mil!

    ResponderEliminar
    Respuestas
    1. Uf... Me costo, pero me salio! Jajaja es increible que bien me llevo con el HTML! Como si los conociera de toda la vida! Jajajaa, si sabes un poco de ingles, (como yo) es facilisimo!
      Muchas graciaaaaas :D

      Eliminar
    2. PD: fijate en mi blog, estas en recomendados! :D

      Eliminar
  9. Cataa,mira,al ponerme a recotar lo de netradas le picho a nuevo,ok y depues la pegarlor me quedan espacios transparentes arriba y abajo,no se por que

    ResponderEliminar
  10. Ah,por cierto,si quieres poner un header sin imge-map,¿como se pone?

    ResponderEliminar
  11. Hola bueno tengo un problemilla que ya he diseñado el post para las entradas pero como puedo subir el titulo de las entradas? Pasate por http://cosasquesonporloqueson.blogspot.com.es/ y échame una mano por favor.

    ResponderEliminar