¿Fixed-Sidebar en Blogger?

Raichu · 2014-08-30T15:53:34-0500

¡Hola betas! Hace ya un tiempo que ando buscando como hacer para tener una fixed sidebar en Blogger. No me interesa instalar plugins ni similares, estoy seguro que modificando el código de la plantilla se puede hacer, pero no sé cómo. ¿Alguien tiene una idea de cómo hacerlo? ¿O me podrá guiar un poco? :encouragement:

¡Muchas gracias y saludos!

kanikase · 2014-08-30T15:55:48-0500

coomo fixed sidebar, flotante?

Don Gato · 2014-08-30T16:06:37-0500

Duda, ¿cómo es una fixed sidebar? :distant:

Lenny Creative · 2014-08-30T16:19:41-0500

supongo que mientras bajas al contenido final de tu web el sidebar se mantenga visible... nunca e usado blogger
pero con solo css la haces, javascript si quieres darle algun efecto como ultimanente se suele ver

webbber · 2014-08-30T16:38:45-0500

Usa esto esn el CSS de tu sidebar

position:fixed

Raichu · 2014-08-30T16:52:52-0500

[MENTION=81006]kanikase[/MENTION] Con Fixed Sidebar me refiero a que llegado un punto, cuando sigues scrolleando para abajo la página, la sidebar quede fija en un posición. No sé si me expliqué bien con el término.
[MENTION=31672]Don Gato[/MENTION] Que el sidebar quede fijo en una posición, pasado cierto punto. Es decir, voy scrolleando para abajo, cuando ya no hay más contenido en el sidebar, que en vez de aparecerme espacios en blanco el sidebar quede fijo ahí.

¿ [MENTION=44782]Lenny Creative[/MENTION] podrás explicarme cómo? Ya lo he intentado y no pude. ¡Muchas gracias!
[MENTION=2670]webbber[/MENTION] cuando estaba probando lo puse así, pero no funciona. La idea es que a medida que vas scrolleando para abajo de la página, el sidebar vaya mostrando su contenido, pero una vez que ya no hay más contendido en el mismo, ahí quede fixed. No sé si se entiende la idea. Un ejemplo podría ser Facebook, a medida que vas scrolleando para abajo, el sidebar de la derecha va mostrando su contendido, llegado cierto punto, queda fixed.

¡Muchas gracias a todos por sus respuestas!

Sigo buscando una solución :encouragement:

kanikase · 2014-08-30T16:58:19-0500

eso lo haces con jQuery :encouragement:

Insertar CODE, HTML o PHP:

$(function(){
var $window = $(window), flotar = $('#ID-ELEMENTO'), offset = flotar.offset;
$window.scroll(function(){
if($window.scrollTop > offset.top){
flotar.css({'position':'fixed', 'top': '0'});
} else{
flotar.css({'position':'relative'})
}
});
});

Solo cambias #ID-ELEMENTO por el id del último gadget de la sidebar :encouragement:

Raichu · 22 Sep 2014

¡Muchas gracias [MENTION=81006]kanikase[/MENTION]! Paso a contactarte por MP por una duda que me surgió :encouragement: