25 de nov. de 2010
Código para não deixar a sidebar deslizar pelo blog
Geralmente quando mexemos nos códigos do template e inserimos mais de uma coluna pode acontecer que quando a postagem é pequena a sidebar se desloque para a parte inferior da área dos posts. Para que isso não aconteça insira um dos códigos em vermelho, (dependendo de que lado esteja sua sidebar) acima da área da sidebar: (no HTML de seu blog)
<div style='clear: right;'/> (direita)
ou
<div style='clear:left;'/> (esquerda)
Visto no Blogersphera
Posts Relacionados


Personalizar sidebar e widgets no novo Blogger
DEMO Um grande problema deste novo modelo do Blogger é que, ...

Código CSS para dar estilo aos widgets do Blogger
Mais um modelo para aplicar na sidebar de seu blog e dar um ar mais pr ...

Colocar efeito fade no footer do blog
DEMO Mais um truque básico para costumizar a área do footer do blo ...

Colocar coluna extra abaixo das postagens do blog
DEMO Se você já teve o bom senso de trocar seu template pelo templat ...

Dando estilo a sidebar e ao footer do novo Blogger
Vou colocar alguns modelinhos para que vocês possam dar uma encrementadi ...

Sidebar em forma de menu accordion
Coloque a sidebar de seu blog em forma de menu accordion como neste exe ...

Colocando a área da sidebar com a mesma extenção dos posts no novo Blogger
DEMO Para deixar o fundo da área da sidebar com a mesma exten ...
Expandir/Contrair a sidebar com efeito delizante
Fiz alguns testes com o script para expandir elementos no blog que encon ...

Sidebar em forma de menu accordeon no novo Blogger
Com este efeito você economiza espaço em seu blog DEMO Esto ...

Cor de fundo para sidebar com a mesma extensão dos posts
Para colocar uma cor de fundo na área da sidebar e que essa tenha a mesma ...

Slide compostagens automáticas na sidebar do Blogger
DEMO Um slide para se usar na sidebar de seu blog. Leve, com efeito, ...
Colocando duas colunas abaixo das postagens do blog
Dica para colocar colunas no novo Blogger aqui Vou ensinar como coloc ...

Combo 2: diminuir espaço entre sidebar e posts, colocar cor de fundo e deixar as imagens dos posts em mesmo tamanho
Vá até o Modelo de seu blog, clique em Editar modelo N ...

Esconder/Mostras colunas no novo Blogger com um clique e efeito JQuery
DEMO Eu já havia ensinado esse hack para o antigo modelo do Bl ...

Sidebar que se expande (fica escondida)
Para que em seu blog a sidebar seja expansível como neste modelo, ...

Colocar duas colunas acima da área de postagem no novo Blogger
DEMO Sempre procurando um espacinho no blog para colar aquele ga ...

Links com efeito hover e visited na sidebar do Blogger com bullets
Para que em sua sidebar os links fiquem coloridos deixando de outra cor ...

Personalizando o sidebar e o footer do novo Blogger
Outro modelito de sidebar, widgets personalizados para vocês... Essa tu ...
Colocando fundo nas sidebars com a mesma extensão do blog
Para que a cor ou imagem de fundo de suas colunas tenham a mesma extensão ...

Um comentário:
A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.



Sua dica é ótima! Quando estiver com um tempo maior, praticarei algumas delas em meu blog!
ResponderExcluirAbraço.