24/07/2009

Barra de rolagem em qualquer parte do blog

Barra de Rolagem no BlogspotMuitas pessoas procuram como inserir uma barra de rolagem na lista de blogs, marcadores e outras partes do blog, já escrevemos sobre alguns desses assuntos, mas encontramos o modo mais fácil para fazer isso e o melhor de tudo isso servirá para usar a barra de rolagem em qualquer parte do blog, quero dizer em qualquer um dos gadgets separadamente.

Entre na pagina editar html e procure pelo código do gadget onde deseja por a barra de rolagem, se ele não tiver um titulo coloque apenas para localizar é mais fácil achar pelo titulo, vamos usar como exemplo nosso guia rápido. Em nossa pagina editar html encontramos assim:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>

Veja que foi fácil localizar sem ter duvidas, pois aparece escrito title=’guia rápido’, então no seu blog procure pelo titulo que estiver usando, para procurar clique ctrl F, abrirá uma janela de pesquisa de texto então é só digitar o titulo que procura.

Note que no começo do código tem id=’ Label1’ então criamos um novo estilo colocando apenas esse sinal # antes desse nome, mas tem que ser exatamente igual está no gadget, note que nesta parte do html não modificamos nada apenas copiamos nome da id, fica desse jeito:

#Label1 {height: 150px;overflow: auto;}

Vamos inserir esse trecho na parte do html onde tem os demais estilos CSS, ou seja, depois que achar body{.......} pode colocar o código assim que fechar as chaves do body.

HTML Blogspot

O código overflow: auto; faz a barra de rolagem aparecer automaticamente se for necessária e height: 150px é a altura que terá o gadget, então se passar disso a barra aparecerá automaticamente. Se quiser pode formatar as bordas, cores de fundo e tudo mais deste gadget pode fazer através deste mesmo código #Label1, apenas acrescentando os códigos CSS dentro das chaves, por exemplo, colocar uma borda preta com fundo branco, ficaria assim:

#Label1 {height: 150px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

Isso fará uma barra de rolagem incluiu tudo até o titulo do menu, mas se quiser rolar somente o conteúdo de cada gadget acrescente .widget-content no código, então ficará desse jeito:

#Label1 .widget-content{height: 150px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

Deste jeito somente o conteúdo de cada gadget terá barra de rolagem e o título permanecerá fixo.

Agora é só fazer testes e personalizar seu blog da forma que mais gostar, lembre-se de copiar a id de cada um dos gadgets que deseja personalizar, sempre visualize o blog antes de salvar as alterações para evitar desconfigurar alguma coisas por engano.

Veja também:

Como fazer bordas de vários estilos
Código das cores
Destacar uma parte do texto
Mostrar quantas postagens e comentários o blog já tem
Related Posts with Thumbnails

97 comentários:

  1. Agora que eu já fiz usando o outro modo =(
    dava um pouco de trabalho mas eu consegui =)
    Muito bom o seu blog ,bem explicativo e fácil.
    Deixa eu te fazer uma pergunta, eu não entendo praticamente nada de blog o que se pode compreender afinal tenho mais de meio século de vida=)
    Nos comentarios tem um link na data,que não leva a lugar nenhum,para que serve aquilo?
    Vc sabe?

    ResponderExcluir
  2. Certo, mais como eu coloco a barra de rolagem na minha postagem? Joelma Couto. Amigasdaedu.blogspot.com

    ResponderExcluir
  3. Ane
    na verdade não tem muita utilidade mesmo, ele é um link direto para o comentário, é o seguinte, se usar esse link quando a pagina abre vai aparecer esse comentário no topo da pagina, claro se depois dele tiver conteúdo suficiente.

    faça o teste, visualize essa pagina e role até que o seu comentário fique na parte de baixo somente para ver a data, então clique nela, carregará novamente a pagina mas seu comentário vai ficar na parte de cima ou seja mais fácil de localizar.


    Amiga da Educação
    veja aqui sobre a barra de rolagem na postagem
    http://www.dicasparablogs.com.br/2008/01/barra-de-rolagem-na-postagem.html

    ResponderExcluir
  4. Oi queria saber como é esse negócio de parceria.
    Mandem um comentário no meu blog http://joguinhosparajogar.blogspot.com ou me mandem um e-mail.
    thetheuzynho_fpolis@hotmail.com(orkut).
    espero o recado

    ResponderExcluir
  5. seu comentário veio em boa hora, estamos acabando de preparar um postagem sobre parceiras, logo está aqui no blog.

    ResponderExcluir
  6. Bom, tentei o sistema da barra de rolagem, mas fiquei a pensar se um menu vertical de banners em movimento (para as caixas link-me dos amigos, ou outros selos)não daria um visual mais agradável. Procurei, mas como não faço idéia de como se chamam estes menus, não achei.

    Tem uma sugestão?

    Abraços

    ResponderExcluir
  7. Este eu vou usar, com certeza, no meu blog. Acho que, em alguns widgets com muitos links, é funcional para economizar espaço na barra lateral e para códigos HTML nas postagens. Muito bom!

    ResponderExcluir
  8. tem como mudar a cor da barra de rolagem?

    ResponderExcluir
  9. o código para mudar a cor da barra de rolagem eu achei neste link
    http://www.maujor.com/tutorial/scroll_bar.php

    mas parece que o blogspot não aceita isso, pois não deu certo, acho que não é possível fazer pelo menos não usando estilos css

    ResponderExcluir
  10. Olá, eu gostaria de colocar meus selinhos numa rolagem vertical e não estou conseguindo. Com o apoio do seu blog eu ja fiz uma caixa de rolagem para minhas postagens e outra para os blogs que eu acompanho,Já tinha conseguido colcar vários selinhos, mas um dia fui acrescentar outros e deu zebra. Tive que excluir tudo. Conto com a sua ajuda.

    ResponderExcluir
  11. Adiléa o código era somente para barra de rolagem não tem nada a ver com o conteudo do gadget, quando eu usei o código fiz varias alterações depois e correu tudo bem.

    talvez você tenha mexido em alguma coisa no código sem perceber, as vezes acontece de apagar algum sinal por engano.

    infelizmente se já excluiu não tem o que fazer.

    ResponderExcluir
  12. eu queria essa barra (excluindo o titulo) para os blogs listados no gadget "E Com..." ocupam um espaço doido, só que não vejo essa do 'label1' e colocando em vez de label, 'bloglist1' que é onde está o titulo dessa gadget, ao colocar após o {...] do body em CSS lá em cima não aparece nada....

    ResponderExcluir
  13. S. Levy Lima
    o importante é o que está na ID, se no seu blog for bloglist1 use esse nome no estilo

    ResponderExcluir
  14. No meu funcionou perfeitamente, apliquei nos marcadores, pois são muitos.

    Parabéns pelo tutorial.

    ResponderExcluir
  15. Ai me ajuda, estou me achando uma burra. Eu não consegui colocar a rolagem, existe um jeito mais fácil?
    Bjs

    ResponderExcluir
  16. Meu diário!
    tente fazer novamente, tem outros jeitos mas são mais complicados

    ResponderExcluir
  17. tem como colocar uma imagen no fundo da guia rapida?

    ResponderExcluir
  18. lucas, da mesma forma que colocamos a barra de rolagem seria possivel por uma imagem de fundo no guia rapido, com um código normal como se a imagem de fundo fosse em qualquer outra parte do blog, assim:

    .guiarapido{background-image: url(http://img29.imageshack.us/img29/8957/bannerdicas.gif);}

    claro que trocando o endereço da imagem

    ResponderExcluir
  19. iaÊ..Fabiano Roberto td blz?...o seu blog é o melhor que já vi pois vc explica muito bem,,, eu queria q vc me ajudasse em um pequeno problema...eu queria saber como colocar widget abaixo da postagem,,,ou seja q ele ocupe o mesmo espaço da postagem..caso eu coloco uma foto e ela fique perfeitamente abaixo da postagem.. e nao no rodapé inteiro...eu aqui eu vi vc ensinando colocar acima da postagem..deixando livre as laterais...pois eu tenho 1 widget de cada lado... meu imail animeyuyuhakusho@hotmail.com

    ResponderExcluir
  20. tem que tentar arrastar o gadget para o lugar que deseja isso na pagina layout

    ResponderExcluir
  21. Como faz para ficar igual ao teu guia rapido nãao esta caixa com rolagem, eu quero um que quando clica abre uma lista entedeu como ta ali no teu site comofaz?

    ResponderExcluir
  22. Ricardo

    veja aqui como colocar os marcadores do blog em forma de menu jump
    http://www.dicasparablogs.com.br/2009/04/marcadores-em-forma-de-menu-suspenso.html

    ResponderExcluir
  23. Consegui fazer. Obrigado pela dica e parabéns pelo blog.
    Francisco.

    ResponderExcluir
  24. eu ñ consengui,quero colocar no arquivo do blog,esta escrito assim, id=`blogarquive1`locked=`false`title=arquivodoblog`tipe=``blogarquive`/>,nesse caso onde coloco o #,obrigada.

    ResponderExcluir
  25. cintia
    crie o estilo usando #blogarquive1{....

    ResponderExcluir
  26. vlw cara, tinha mtos banners no meu blo e deixava ele pesado, agora q fiz isso, o blog está mais leve, vlw


    http://diegoojm.blogspot.com/

    ResponderExcluir
  27. Quero expressar o meu agradecimento pelo fato de eu ter incrementado o meu blog com o auxílio das dicas aqui postadas.

    ResponderExcluir
  28. EU QUERIA TANTO COLOCAR BARRA DE ROLAGEM NOS MARCADORES, MAS NÃO ACHEI O CODIGO DO MEU MARCADOR DE GEITO NENHUM, EU QUERIA TANTO :(, ME AJUDA AEW. ABRAÇÃO

    ResponderExcluir
  29. Como que eu posso editar a largura?

    Muito bom o seu blog!

    ResponderExcluir
  30. se colocar width: 120px; junto com o trecho #Label1 {height: 150px;width: 120px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

    poderá controlar a largura, claro 120 é só um exemplo, use o numero que desejar

    ResponderExcluir
  31. Muito obrigado por responder minha pergunta, mas eu fiz isso e não consegui o resultado que eu queria!

    eu quero exatamente assim: http://img37.imageshack.us/img37/7878/barraderolagem.jpg

    se puder me ajudar ficarei muito agradecido, flw.

    ResponderExcluir
  32. Yagami-Kun
    você pode adicionar um gadget de html/javascript e colocar o código assim:
    <div style="height:180px; width:250px; overflow:">texto aqui</div>

    depois altere os valores 180 e 250 como quiser.

    ResponderExcluir
  33. eu não consegui com o código que você me passou...mas ai falei com o meu colega e ele me ensinou.
    mesmo assim, muito obrigado, o seu blog já me ajudou em varias coisas.

    abraço.

    ResponderExcluir
  34. Eu tenho o novo blog do blogger, segui todas as recomendações, mas num deu certo... esses códigos q vcs mencionam no post não tem no meu html.
    Onde será q eu errei?

    ResponderExcluir
  35. MODERAÇÃO ESTUDOS DE DV E TRIBAL
    no código do seu blog não será exatamente igual, mas certamente irá achar b:widget id

    a parte title é o nome que usa o gadget

    ResponderExcluir
  36. Oi, Fabiano. Por fabor; tem como eu colocar widges diferentes em páginas diferentes do blog.
    Explico.
    Meu blog é sobre vigilância Epidemiológica e tem uma página para a papulação e outra para profissionais de saúde. Gostaria de colocar widgests que propiciassesm downloads diferentes nas diferentes páginas; ou seja, widgests diferentes. Ví o seu tutorial; mas, pelo que eu entendi, é só para a página de postagens...
    Por favor me ajude.

    vejussara.blogspot.com
    vigiepi.jussara@gmail.com

    Desde já muito grato...

    ResponderExcluir
  37. aqui tem como colocar gadgets diferentes na paginas do blogger
    Conteúdo diferente nas paginas do blog

    mas não em cada postagem especifica, somente na pagina principal ou postagens, até é possivel usar paginas especificas colocando a url delas no código, mas talvez gere erros por ficar um código bem extenso

    ResponderExcluir
  38. Olá eu gostaria que vc me ajudace a coloca a Barra de rolagem no meu blog
    por eu segui sua postagens mais nao consegui coloca a Barra de rolagem por favor me ajude a coloca e sa Barra de rolagem no meu blog

    ResponderExcluir
  39. o código para barra de rolagem é overflow: auto; só precisa achar o estilo certo para colocar esse código, por exemplo #main , #sidebar... claro tudo isso na pagina editar html

    ResponderExcluir
  40. O seu blog é bastante interessante e tem me ajudado muito ..
    Só eu precisava mesmo de fazer esta barra de rolagem no meu blog e nao consigo sequer encontrar o código que é preciso para mudar..será que pode me especificar o sítio mesmo para colocar esse codigo?? Pode postar um bocado antes do sítio do código para eu ver onde é??
    Poste a resposta aqui por favor!!!

    Bjs!

    ResponderExcluir
  41. eu entendi até ao momento em que você escreveu "Vamos inserir esse trecho na parte do html onde tem os demais estilos CSS(...)" nao percebi onde colocar aquele código . eu quero colocar num widget e nao encontro nenhum body {...} nessa parte do htlm em lado nenhum. Pode me dizer onde é?

    ResponderExcluir
  42. ah, esqueça já entendi..Obrigada na mesma!

    ResponderExcluir
  43. Olá Fabiano !!

    Você leu meus pensamentos !! Estava mesmo querendo fazer isso na minha lista de blogs, pois está ocupando muito espaço !!!
    Obrigada, vou tentar fazer e qualquer coisa venho pedir um help !!

    Um enorme abraço e boa semana !! :)

    ResponderExcluir
  44. Fabiano, eu coloquei a barra de rolagem num gadget e deu tudo certo, agora quero colocar em outro, onde eu insiro o código html ? ao lado do que já inseri anteriormente ? Embaixo dele ? Help !
    Abraços :)

    ResponderExcluir
  45. pode ser na linha de baixo para naõ misturar as coisas, apenas copie corretamente a id do outro gadget que funcionará perfeitamente

    ResponderExcluir
  46. Oi Fabiano, sou nova nisso de blog e ainda não sei muito..como eu faço pra colocar meus arquivos antigos dentro dessa caixinha com barra de rolagem como aqui no seu?? Pode me ajudar? Obrigada! Abç = ]

    ResponderExcluir
  47. esse exemplo que usamos é com os marcadores, para criar um lista com todas suas postagens fica pesado demais no blog, é melhor fazer uma pagina extra para isso

    Paginas extras para o Blogspot

    ResponderExcluir
  48. Valeu pela dica já coloquei no meu blog em +parceiros,ajuda a deixar mais limpo e com mais espaço o blog.

    Abraço!

    ResponderExcluir
  49. Olá!Gostaria que você fizesse uma postagem ensinando a como colocar o titulo rolando para a direita
    Agradeço

    ResponderExcluir
  50. Alessandro
    não tem como explicar de outra maneira... você tem que achar o código e fazer as alterações que falamos no tutorial

    ResponderExcluir
  51. ou Fabiano, e o scroll horizontal, como faço?

    ResponderExcluir
  52. usando esse código a barra de rolagem aparecerá quando for necessária mas se quiser pode colocar assim:

    overflow: visible;

    deste modo a barra ficará sempre visivel

    ResponderExcluir
  53. Não, acho q vc nao entendeu, tipo em vez do scroll vertical, eu queria o scroll horizontal entende?

    ResponderExcluir
  54. tente usar overflow-x: visible;

    mas acho que só aparece se o conteudo tiver mais largura que a pagina ou o local onde usou o código

    ResponderExcluir
  55. Se eu quiser organizar os topicos do gadget através de tabela (tag: table) e por uma barra de rolagem, teria como fixar a primeira linha?

    ResponderExcluir
  56. Joao N
    aqui mostramos como coloca a barra de rolagem em um gadget mas se quiser colocar em todos juntos teria que ser no estilo sidebar ou algo parecido com isso pois essa tag varia um pouco conforme o template (além de sidebar tem outras palavras juntas)

    ResponderExcluir
  57. Fabiano,
    Eu estou falando em um gadget mesmo. É que eu queria criar uma tabela neste gadget com alguns dados e "movê-la" com barra de rolagem, só que eu não sei se existe algum comando para fixar a primeira linha da tabela quando movida pela pela barra de rolagem. Tipo congelar painel do excel.

    Obrigado pela atenção.

    ResponderExcluir
  58. Joao N
    poderia usar um código assim:

    <div style="height:200px; overflow:auto">
    <table border="1" width="100%">
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr></table>
    </div>


    e antes de colocar a div na primeira linha usar outra tabela que ficaria fixa...

    ResponderExcluir
  59. Gostaria de colocar a barra de rolagem no lado direito do meu blog: aquicidadesacre.blogspot.com junto ao titulo: Cidades do Acre ***, já tentei todas as alternativas e não deu certo, por favor vocês podem me ajudar ....

    ResponderExcluir
  60. Aquicidades
    vai criar a lista de cidades num gadget de html/javascript? se for pode usar esse código:
    <div style="height:200px; overflow:auto">lista de cidades</div>


    depois ajuste o valor 200 como quiser

    ResponderExcluir
  61. Olá! Não sei o que está acontecendo, pois fiz todo o passo a passo e a barra de rolagem não apareceu. Tentei colocar na minha lista de blogs e depois no marcador, mas nada. Me ajuda?
    Ficou assim no html:

    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    #BlogList1 {height: 150px;overflow: auto;}
    #Label1 {height: 150px;overflow: auto;}
    $(body.background.override)
    }

    ResponderExcluir
  62. Monica

    você colocou um código dentro do outro... os códigos do bloglist e label estão dentro do blog, por isso não funcionou

    tente fazer deste jeito

    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    $(body.background.override)
    }
    #BlogList1 {height: 150px;overflow: auto;}
    #Label1 {height: 150px;overflow: auto;}

    ResponderExcluir
  63. Olá! Em primeiro lugar quero agradecer pela atenção dispensada. Obrigada!
    Estou super feliz, pois deu certo a barra de rolagem, só que, quando coloco o código .widget-content todos os blogs ficam fora da barra e eu queria que o título ficasse fora do conteúdo da barra. O código no html ficou assim:

    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    $(body.background.override)
    }

    #BlogList1 .widget-content{height: 220px;overflow: auto; border: 1px solid #93b8dc; background-color: #ffffff;}


    html body $(page.width.selector)

    {
    min-width: 0;
    max-width: 100%;
    width: $(page.width);
    }


    Também, tem outra coisa o que faço para que não apareça a setinha na parte de baixo da barra de rolagem.
    Por último queria saber como faço para colocar uma borda do lado de dentro da barra de rolagem. Se você puder dá uma passadinha no meu blog e veja o meu mural de recados, pois é daquele jeito que eu quero, se der.
    Desculpa o trabalhão. Abraços virtuais!

    ResponderExcluir
  64. Monica
    sempre aparece a seta embaixo da caixa de rolagem... e não tem bordas internas... se colocar no código a borda ficar por fora da barra de rolagem

    ResponderExcluir
  65. E porque quando coloco o código .widget-content todos os blogs ficam fora da barra de rolagem ou as vezes nem aparece a barra?
    Como que eu faço para que o título fique fora da barra?

    ResponderExcluir
  66. aqui tem um código: Colocar uma barra de rolagem na lista de blogs

    mas é um pouco mais complicado de usar. o link fala em lista de blogs, mas serve para qualquer gadget

    ResponderExcluir
  67. Fabiano pode me dizer como colocar barra de rolagem nas postagens mas mão em cada uma e sim area das postagens

    ResponderExcluir
  68. exatamente na area das postagens... mas se quiser pode usar o mesmo código com o estilo .post{... } se não tiver adicione no blog e veja se gosta mais do resultado

    ResponderExcluir
  69. Fabiano estou levando os códigos das barras de rolagem .Preciso diminuir meus marcadores.
    Espero que eu consiga.
    Obrigada,amigo valeu.
    Linda Tarde para você.

    ResponderExcluir
  70. Fabiano tem uma semana que estou tentando .
    Hoje eu consegui,usei a última opção aparecer em qualquer lugar do blog.
    Coloquei nos 2 sites www.mgcrocheartes.com
    www.vitrinedagraca.com.
    Obrigada,valeu.
    Linda semana para você,bjus

    ResponderExcluir
  71. Vim buscar as barras ainda não coloquei.
    Eu fico lendo os comentários e acabo não levando.
    Linda noite para vc

    ResponderExcluir
  72. Fabiano hoje eu levo,as barras.
    Obrigada,bjus

    ResponderExcluir
  73. Eu coloquei o meu #HTML4 {height: 150px;overflow: auto;} fora da chave do body e fucionou hoje não sei o que aconteceu que barra de rolagem não estava mais no meu gadget, eu refiz e deu em nada ai de decidi hoje colocar o #HTML4 {height: 150px;overflow: auto;} dentro da chave do body ai o barra de rolagem voltou no meu blogger porem o meu blogger ganhou aquela barra para rolar que so aparece quando eu coloco #HTML4 {height: 150px;overflow: auto;} dentro da chave do body

    ResponderExcluir
  74. @Ben sim é para colocar fora das chaves do body, por exemplo:

    #HTML4 {height: 150px;overflow: auto;}
    body{......}

    ResponderExcluir
  75. eu coloquei como no seu exemplo o gadget ficou com a barra de rolagem porem a barra de rolagem do blogger vertical não quer sair mais ja tentei tirar com código css não quer sair mais valeu obrigado

    ResponderExcluir
  76. tem que achar e apagar o código no seu html, use o ctrl F talvez tenha colocado mais de uma vez

    ResponderExcluir
  77. eu ja chei apagar mas mesmo assim não quer sair mais tentei usar o codigo css para retirar barra de rolagem mais não deu em nada deixa pra lá valleu

    ResponderExcluir
  78. @Ben se retirou os códigos e mesmo assim não sumiu do seu blog pode ser o histórico de internet, veja aqui Limpar Histórico de Internet - Evite erro no Blog

    ResponderExcluir
  79. Tem como centralizar o título do gadget?
    se possivel, enviar a resposta por email para
    delayedtwice@hotmail.com

    ResponderExcluir
  80. o titulo do gadget é no estilo h2 ou h3

    precisa coloca text-align:center neles e fazer o teste

    ResponderExcluir
  81. Fabiano,eu aqui de novo.
    Vou tentar colocar esta barra de rolagem nas postagens populares,não sei se vai dar certo, mas vou tentar,bjs

    ResponderExcluir
  82. mas a barra só aparece quanto tem necessidade ou seja no código
    height: 150px;overflow: auto;

    se o conteudo tive menos que 150 px de altura a barra não aparece

    ResponderExcluir
  83. Gabi Ferraz na sidebar é mais complicado porque precisa achar o código que gera a sidebar no seu blog e isso depende muito do seu template

    veja aqui como achar trechos do html
    Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript

    ResponderExcluir
  84. Fabiano, será que tem algum código que quando o height for menor que o valor estipulado, ele (height) não fique fixo?
    Exemplo:
    #BlogArchive1 {
    height: 500px;
    overflow: auto;
    }
    Esse é o gadget do arquivo do blog, quando está no início do mês ele diminui consideralvelmente por causa que não tem nenhuma postagem ainda, ou seja a altura que antes ultrapassava os 500px agora tá em torno de 300px, daí o gadget fica com 200px de espaço em branco. Tem algum código pra contornar isso meu caro Fabiano? Desde já agradeço.

    ResponderExcluir
  85. gilvancn não conheço outra forma de fazer a barra de rolagem.

    concordo com você que é um problema esse espaço vazio, por isso só é recomendado usar em lista maiores e que não variam de tamanho.

    ResponderExcluir
  86. Como eu imaginava, não tem como resolver isso.
    Só mais uma pergunta, Fabiano: Será que não teria como usar uma condicional do blogger pra contornar essa situação?

    Exemplo usando termos ilustrativos para você entender melhor minha idéia:

    executa o style #Label1 {height: 500px;overflow: auto;}

    usa as configurações padrão do blogger


    Obrigado por responder minha pergunta tão rápido, com certeza não só tá me sanando as dúvidas como também de muitos outros que buscam ajuda no teu blog, abraço.

    ResponderExcluir
  87. Olá! Eu gostaria de aplicar a barra de rolagem - conforme explicado nesta postagem - em somente um dos gadjets do meu blog [As Categorias} porém, não encontro na linha selecionada, o termo Label1, conforme vc indicou.

    Aparece assim: id='LinkList1' locked='false' title='As Categorias' type='LinkList'>

    [Na verdade, utilizei o gadjet de ''minha lista de blogs'' e o transformei em lista de marcadores..rs]

    Mesmo assim, eu tenho como colcoar a barra de rolagem no gadjet [As Categorias]?

    Muito obrigada

    http://cartasparamichael.blogspot.com.br/

    ResponderExcluir
  88. Rosane

    no caso do gadget lista do blogs deve criar o código com o estilo

    #LinkList1 {height: 150px;overflow: auto;}

    ResponderExcluir
  89. Bom dia. Eu usei o código que vc indicou nessa postagem e deu muito certo. Acontece comigo algo relacionado à barra de rolagem principal do blog, aquela que faz a página descer. A barra de rolagem simplesmente está ''invisivel'' .. se eu visualizar a página dentro do campo ''EDITAR HMTL'' eu posso vê-la, mas acessando o blog normalmente, ela está invisivel para mim e para os leitores.


    Será que vc tem uma dica do que eu posso fazer?
    Algo para mexer no HMTL, talvez?

    Limpar dados de navegação, cookies e cachês não funciona, até porque faço isso todos os dias, e esse problema já acontece faz tempo. Experimentei outros computadores e outros navegadores, mas nada faz a barra ficar visivel.

    Deixo abaixo as duas imagens, de quando ela aparece visivel [no editar html]
    https://lh6.googleusercontent.com/-TIfWFtuOPRU/VIG0AcAb4lI/AAAAAAABS7M/gKWeG6qgtpE/s320/cats.jpg

    e invisivel [abrindo o blog normalmente].

    https://lh4.googleusercontent.com/-svFMgbQlGNE/VIG0JXUxuWI/AAAAAAABS7U/FbVzNvyyRug/s320/cats.jpg


    Meu link http://cartasparamichael.blogspot.com.br/

    Grata.

    ResponderExcluir
  90. acho que você já resolveu o problema.... eu entrei no blog agora e apareceu normalmente a barra de rolagem

    ResponderExcluir
    Respostas
    1. Então... parece que ela aparece para você, mas não aparece para mim... nem acessando em outros computadores ou experimentando outros navegadores. Obrigada.

      Excluir