La participación de los lectores en un blog siempre es bien recibida. Pero lo es mucho mas si el blog en el que nos gusta permanecer leyendo puede configurarse a nuestro gusto, permitirnos el colocar las cosas en lugares distintos o personalizar su aspecto.
Se me ocurrió un método que puede ayudarte a ofrecer comodidad a los visitantes de tu blog. Básicamente se trata de habilitar la sidebar o barra lateral de forma que pueda arrastrarse a cualquier sitio.
Puedes ver el truco en funcionamiento visitando este blog de pruebas.
Utilizaremos prototype y scriptaculous para conseguir lo que andamos buscando.
Busca la etiqueta </head> y añade estos scripts justo encima (no necesitarás hacerlo si ya se encuentran en tu plantilla:
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
Seguidamente busca esta línea y añade lo que ves en color verde:
<div id='sidebar-wrapper' style='cursor:move; border:0px;' title='Arrastra la barra lateral a donde desees'>
Para terminar, busca la etiqueta </body> y justo encima agrega esto:
<div id='blmovside' style='cursor:move; border:0px;'><script type='text/javascript'>new Draggable('sidebar-wrapper');</script></div>
Guarda cambios para terminar...
Hola. :s
He tratado por varias formas de solucionar el problema de "amontonamiento" en mi blog y no he logrado nada, preciso de tu ayuda nuevamente.
Necesito saber cómo puedo poner mi lista de enlaces de una categoría en una ventana aparte -ejemplo: Tú tienes un cuadrito a la derecha de varias categorías y al hacerle click a una, te manda a una ventana de lado izquierdo con la lista de posts de esa categoría. Entonces, realmente agradecería que me dijeras como hacerlo.
Mi blog está así: "Etiqueta o Categoría"
*Enlace 1
*Enlace 2
*Enlace 3
Y así sucesivamente.
Por favor, ayúdame. Gracias.
Ya eres blog amigo Jaime, me gusta tu blog.
¡Muchas gracias, Carlos Soler! Ya estás añadido en El Balcón ;).
El Cementerio Olvidado, en mi caso lo único que hice fué poner una lista de enlaces e introducir links hacia mis etiquetas.
En tu caso, por ejemplo, puedes crear una entrada y en ella insertar enlaces hacia las distintas etiquetas del blog.
Por ejemplo, en una entrada incluyes un enlace con el título "Canciones en inglés" que conduzca hacia dicha categoría, usando la siguiente dirección:
http://elcementerioolvidado.blogspot.com/search/label/Canciones%20en%20Ingles
Hola, tengo un problema bastante gordo: y es que al usar este truco se me movió todo el blog y quedó más grande y movido hacia la izquierda y las entradas no se veían, así que quité lo que había hecho. Pero sigue igual.
A ver si puedes ayudarme.
http://fibraoptica2.blogspot.com
Tranquilo, Jose, por suerte hay una solución. Sigue los siguientes pasos:
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta ]]></b:skin> y añade este bloque encima:
#content-wrapper {
margin-left:288px;
padding:0 16px;
text-align:left;
width:663px;
}
Haz vista previa para ver el resultado.
Ahora busca este otro bloque y añade lo que ves en negrita...
#header-wrapper {
background:url("http://www.blogblog.com/moto_son/headbotborder.gif") repeat-x scroll left bottom #88BB22;
border:0 none;
padding:0 0 16px 310px;
text-align:center;
}
Guarda la plantilla para terminar ;).
La primera parte la he hecho cambiando donde pone margin-left:288px; y he puesto margin-left:168px; porque en la vista previa este último me quedaba más hacia la izquierda y en el otro algunos widgets me quedaban mal.
Pero la segunda parte, donde pone:
#header-wrapper {
background:url("http://www.blogblog.com/moto_son/headbotborder.gif") repeat-x scroll left bottom #88BB22;
border:0 none;
padding:0 0 16px 310px;
text-align:center;
}
A mí me pone:
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}
Así que ¿dónde pongo eso que está en negrita de 310px si tengo varias cosas que ponen padding?
Oh, al final conseguí ajustar correctamente todo el blog, cambiando algunas cosillas de lo que me decías, pero me ha servido de mucha ayuda para saber donde tenía que probar para ajustarlo.
Muchas gracias... Y perdón por las molestias. ;)
Me alegro mucho, Jose. Parece que ha vuelto a la normalidad ;). Molestia ninguna, en todo caso debería ser yo el que se debe disculpar por haber tardado tanto en responder al comentario.