Fixed-Sidebar no Blogger?

Raichu · 30/08/2014

¡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 · 30/08/2014

coomo fixed sidebar, flotante?

Don Gato · 30/08/2014

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

Lenny Creative · 30/08/2014

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 · 30/08/2014

Usa esto esn el CSS de tu sidebar

position:fixed

Raichu · 30/08/2014

[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 · 30/08/2014

eso lo haces con jQuery :encouragement:

Inserir CODE, HTML ou 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/09/2014

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

Fixed-Sidebar no Blogger?

Raichu

kanikase

Don Gato

Lenny Creative

webbber

Raichu

kanikase

Raichu

Tópicos similares