16 julio 2012

Barra lateral estática mas Look at Me (blog)



Hola mis retoños  Lamento tanto la ausencia! aunque estoy de vacaciones de invierno tuve problemitas con el computador! bueno a lo que vine .-. Hoy les mostrare como dejar la barra lateral del blog sin movimientos es decir cuando bajas en el blog lo unico que se mueven son las entradas. Es un efecto muy visto en el tumblr pero poco visto en el blogger. un ejemplo es el blog de Joshua Peterson Bueno es algo parecido! da click en lee mas y aprendelo! 


Mostrare dos maneras de hacerlo. Para utilizar este tutorial debes de tener el área de las entradas separada de la columna lateral por lo tanto no funciona con la plantilla simple! pero si funciona con la plantilla travel (la que yo utilizo) y otras plantillas con la columna lateral separada. Este efectito es ideal para las personas que tienen pocos elementos en la barra lateral, pocos pero importantes.


ATENCIÓN: Trabajaras con tu html y debes tener una copia guardada por si no funcione. 


Ve a editar html, preciona f3 y busca el codigo de tu barra lateral: 

si se encuentra del lado derecho:
main-inner .column-right-outer

Si se encuentra del lado izquierdo:
main-inner .column-left-outer

Todo lo que encuentres entre las } llaves deberás borrarlo y sustituirlo por:

margin-top:-10px;
margin-left: 550px;
position:fixed;

Debe quedarte asi:

.main-inner .column-right-outer {
margin-top:-10px;
margin-left: 550px;position:fixed;
}


Debes de aumentar o disminuir los valores de: margin-top y margin-left: pues son los espacios de arriba y de la izquierda. cámbialos de acuerdo a tus gustos.


si no encontraste los códigos puedes buscar:
sidebar-wrapper
y estre las llaves coloca el siguiente codigo:
margin-top:-5px;
margin-left: 640px;

position:fixed;


También debes disminuir o aumentar los valores de margin-top y margin-left.

Y por ultimo pero no menos importante quiero agradecer  y felicitar a Caami. Su blog llego a la meta de 100 seguidores y dejo un premio super mono en el blog para sus seguidores. espero se pasen por ese espacio tan cálido y lleno de historias. Felicidades Caami.            



Preguntas:
¿Qué es lo que más te gusta de mi blog? ¿Por qué?
   La normalidad con la comentas y relatas los hechos de tu vida pues me relaciono bastante con muchas cosas. :)


¿Te gustan mis comentarios? (Sinceridad absoluta).
Si bastante! pues te tomas la molestia de leer las entradas y comentas con las palabras que mas me gustan.


¿Le cambiarías algo a mi espacio? (Agregar, quitar, o lo que sea)
Tal vez le pondría mas colores :) pero es tu estilo y esta perfecto.

17 comentarios:

  1. Esta muy bueno, como siempre, pero intente hacerlo y no me funciono, alomejor segui algun paso mal :S pero ya interntaré otra vez
    Cuidate, yo igual estoy de vacaciones :Z ,disfruta. !

    ResponderEliminar
  2. Geenial♥ siempre dando tan buenos consejos :D Aunque no sé si lo usaré alguna vez, suelo dejar mi blog lo más simple posible jaja :)
    Bueno, emmm, gracias por haber subido el premio :) mejor tarde a nunca, eh? *-* y me gustaron tus palabras y tus respuestas! Gracias por todo :D Un abrazote♥!

    ResponderEliminar
  3. gracias por tu ayuda, lo intentare ;)

    ResponderEliminar
  4. Hola muchisimas gracias por pasarte por mi blog, desde ya te sigo.. me encanto tu blog ademas es de mucha ayuda :D Me alegra haberte encontrado por estos lados. Un besote !!

    ResponderEliminar
  5. Gracias a ti por seguirme y por siempre leer mis escritos he estado ausente por varios dias asi que no he visto tu publicacion en tu blog...pero no te preocupes que ya lo mire gracias por siempre comentar y leerme....
    voy ha estar ausente por mas diiiitas pero si vot a seguir publicando historias pero talvez ya no comente por corta de tiempo...

    ResponderEliminar
  6. Como siempre un tuto genial, nos haces quitar el miedo a la plantilla del blog!
    Gracias y besos

    ResponderEliminar
  7. Suhh! Jope, eres una genia con este tema de las plantillas eh! A mi me ponen a hacer eso y lo detrozo todo completamente jajaja!

    Jope, nose muy bien que es eso de la barra lateral estatica... Bueno, lo probare :)

    Besitos mil, y gracias por estar siempre atenta a mi blog, es un placer saber que la gente no se olvida de mi. <3

    ResponderEliminar
  8. No entendi mucho :/ espero volver a intentarlo.
    besos genia ♥

    ResponderEliminar
  9. Me gusto mucho el tutorial *_* Pero no lo me sale T*T
    Volveré a intentarlo varias veces, a ver si tengo suerte y me sale...xD

    Muchos besitos!!

    ResponderEliminar
  10. Interesante código, lástima que mi barra lateral sea más larga xD

    ResponderEliminar
  11. Hola :) me ha gustado mucho tu blog y este tutorial lo andaba buscando, lo he intentado y me ha funcionado pero el codigo solo tiene para ajustar un lado de la posicion y en el otro me queda muy pegado al final de la pagina y hacia el scroll :/ como puedo arreglar eso?

    besos, mil gracias

    ResponderEliminar
  12. Super! amo amo amo amo AMO tu blog *u*
    esta super lindo y útil ♥

    ResponderEliminar
  13. Me gusta mucho este blog ;) super prolijito y agradablw¡COMO DE LA FAMILIA!

    ResponderEliminar
  14. Me encanta!!
    Lo hice y luego lo quite pq tengo muchas cosas y no me sirve, pero por probar no pierdes nada! Además de q en esto de los blogs soy novata...

    Espero el proximo post!
    We <3 you!!!

    ResponderEliminar
  15. hola guapa! me topé con tu blog y ya te sigo!! Me encantaría q me siguieras de vuelta si puede ser, así nos apoyamos! Das unos tutos geniales! Yo estoy redecorando el blog y estoy viendo cositas por aquí muy originales. Eres una crack!! Pd el diseño para el blog y las cabeceras y demás los haces tú? en photoshop o dónde? ya me dirás porque tengo toda la duda!! ajaj te espero! un beso!! http://itsmellslikeateenspirit.blogspot.com.es/

    ResponderEliminar
  16. gracias, tienes un increible blog! :D

    ResponderEliminar

========================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============================