Vou mostrar o css e onde coloca o código para scroll(barra de rolage) no BlogSpot.Minha opinião sobre isso e possivelmente da maioria das pessoas, é que não gostam de scroll, uma das provas disso é o fato de quase não se usar mais frames em html, claro que existem outros problemas que levaram ao desuso deles, mas a barra de rolagem é uma delas.
Barra de rolagem em um post
Se você quiser colocar apenas em um ou dois posts, basta na hora de postar colocar uma div em seu post, ou seja, na parte editar Html da postagem, antes de começar a escrever coloca isso <DIV style="height:600px; overflow:auto;"> e onde termina o pedaço que você quer com barra de rolagem, ou lá no final de seu texto coloca esse </DIV>Nesse caso acima o comentário e outros elementos como o título ficam fora do "quadro".
Entenda as tags:
- height:800px; altura de 800 pixeis,
a numeração pode ser alterada, de acordo com sua vontade.
- overflow:auto; barra de rolagem, aparece quando o texto é maior que a altura.
- Problema: se houver overflow:hidden; esse deve ser removido para que o outro funcione.
Nas postagens do blogspot e título
Agora para tornar padrão as postagens com scroll, será preciso mexer no Css do html, o título fica junto com o post(dentro da caixa), porém os comentários possivelmente ficam de fora.- Adicionar o código no blogger:
- Clique em
LayoutDesign - Na aba/guia Editar Html
- Procure e clique em Baixar modelo completo e salve em seu computador, por segurança.
- no Html procure esse código:
.post{
- E, após ele adicione:
height:800px; overflow:auto;
- Se antes do próximo sinal de fecha chaves } houver overflow:hidden; esse deve ser removido.
- Resultado deve ficar parecido com isso:
.post {height:400px; overflow:auto;
text-align: left;
}
Todas as postagens usando a mesma barra de rolagem
Essa alteração coloca junto todas as postagens e tudo que tiver nessa área dos posts, usando o mesmo quadro, isso na pagina inicial do Blogspot, ou seja, se tiver 4 posts, os 4 vão ficar no mesmo quadro com mesma barra de rolagem.Se você escolheu o a alteração acima não faça essa.
Colocar o código no blogger.com
- Clique em
LayoutDesign - Na aba/guia Editar Html
- Procure e clique em Baixar modelo completo e salve em seu computador, por segurança.
- no Html procure esse código:
#main{
- E, após ele, adicione:
height:900px; overflow:auto;
- Se antes do próximo sinal de fecha chaves } houver overflow:hidden; esse deve ser removido.
- Resultado pode ficar parecido com isso:
#main {height:400px; overflow:auto;
width: 470px;
color: $textColor;
font: $textFont;
background: $postbgColor;
border: 1px solid;
}
Barra de rolagem na lateral do blogger
Sabendo que o código que da o efeito de barra de rolagem é esse e que esee código pode impedir esse efeito você pode colocar uma Scroll na lateral , ela se chama sidebar.Acesse e faça logon no blogger:
- Clique em
LayoutDesign - Na aba/guia Editar Html
- Procure e clique em Baixar modelo completo e salve em seu computador, por segurança.
- no Html procure esse código:
.sidebar{
- E, após ele, de a seguinte proriedade a ele:
height:900px; overflow:auto;
- Se antes do próximo sinal de fecha chaves } houver overflow:hidden; esse deve ser removido.
- Resultado pode ficar parecido com isso:
.sidebar {height:400px; overflow:auto;
text-align: left;
line-height: 1.4em;
font: $sidebarTextFont;
}
como publico post na barra lateral do blog
ResponderExcluirNalva Martins,
ResponderExcluirAcho que você deve tentar esse link aqui.
Belo blog meu caro!
ResponderExcluirCara, veja se vc pode me ajudar.
ResponderExcluirQuero colocar mais do que 5 feeds de posts na sidebar do blogspot. Por padrão só posso por 5.
A idéia é que o feed de posts funcione como um menu na sidebar, deu pra entender?
Se puder me ajudar, desde já agradeço...
Homero,
ResponderExcluirAcho que você consegue isso com o feedburner
Da uma olhadinha nesse post aqui, e na página do burner ou no post procure por BuzzBoost, veja se é isso que você quer.
gostei demais deste
ResponderExcluirpost
estava pesquisando diassss
e
hj
achei
aqui
obrigada
Parabéns, verdadeira aula.....
ResponderExcluirvisita e segue http://eduardoebruno.blogspot.com/ :>D
ResponderExcluirOlá (:
ResponderExcluirFoi muuuuuuuuito util, obrigada ;D
gostaria de personalizar essas barras, isto é, por cor por exemplo, ou ficar mais finas ..essas opções variadas, tem como?
obrigada
R
ResponderExcluirSó funcionaria no Internet Explorer, apenas a cor, e, menos da metade das pessoas usam esse navegador, além disso, precisaria mudar a versão do html do blogspot para uma versão mais antiga e, nesse caso outras funções não funcionariam, sendo assim é melhor esquecer.
oi ...boa tarde!
ResponderExcluirfiz o que vc explicou, mas não chei ((((((.post{))))))
e agora o que faço ??
Sirlei
Falando Sério
ResponderExcluirSe não existir você pode adicionar, por exemplo, se eu quiser barra de rolagem no post adicionaria:
.post{overflow:auto;
}