Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa:
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a pagina do HTML até o começo de antes da linha body{...} colocamos esse código:
#Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;}
Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo formatar o texto de outra forma ou colocar bordas nesta barra de rolagem.
Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim:
<b:section-contents id='sidebar-right-1'>
Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem.
25 comentários:
obrigado por atender o pedido, procurei muito por isso, e nem imaginava que era tão simples fazer
Aiii Fabianooooooooooo, agora deu certo..valeu por atender esse pedido que gerou muitas trocas de e-mails...
Adoro seu blog....voce é show!!!
Bjocas Sih
oi...tô querendo fazer com que meus posts sejam reduzidos como o seus...pode postar algo sobre isso??
Olá Fabiano!
Sempre que posso acompanho as suas dicas, que são ótimas! Parabéns!
Grande beijo,
Jackie
Adriene Rodrigues
veja aqui Mostrar resumo da postagem
oi, meu querido!Adoro seu blog!!Sempre que tenho alguma dúvida ou mesmo quero mudar alguma coisa no meu blog, venho aqui conferir as novidades.Valeu!!Seu blog é 1000.Bjs!!
Tem como colocar efeito sublinhado em todos os links do blog de uma só vez? Pode me ajudar? Obrigado pela paciencia.
Anônimo
entre no html do seu blog e procure por a:hover{...} aqui dentro das chaves coloque text-decoration:underline;
se já tiver algo assim, apenas troque a palavra que estiver depois dos dois pontos.
Fabiano,dentro dessa barra de rolagem posso por imagens? meu blog usa muitas imagens... Obrigado de novo!! Beijos,beijos.
Outra pergunta,essa mudança afetará todas as postagens do blog? Mesmo as antigas?
ઇઉ Mel ☆ mendes♫ ♪ ♫
pode usar com imagens e isso afetará todas as postagens do seu blog
Existe algum código que se possa usar a barra de rolagem numa postagem isolada? Sem que se aplique a todas as postagens?
pode usar deste jeito dentro da postagem
<div style="overflow:auto; height:300px">conteudo aqui</div>
depois ajuste o valor 300 pra o tamanho que achar melhor
Muito obrigado,tentarei agora!Você é o Mago do Html! Beijo!
Olá! Aparecem vários body, mas não consegui identificar qual era o certo para colar o código. Vc pode me ajudar? Obrigada!
Adijane
o importante é colocar naquela parte do código não tem um lugar exato, pode ser qualquer um deles.
apenas cuidado com as chaves para não misturar os códigos: body{...}
Não consegui colocar, pois existem vários body, você pode me dar um exemplo de quais dele colocar e onde se antes ou depois....obrigado
Tyaggo
leia meu comentário anterior a esse
nao tem como colocar essa barra de rolagem apenas nas postagens qdo abrir? tipo, o pessoal entra no meu blog, ai depois q for abrir o link ativa a barra de rolagem?
acho que não é possivel colocar a barra somente quando visualizar a postagem do blog
tipo, tem como fazer isso com as postagens separadas? tipo a barra de rolagem fica em todas as postagens, queria deixar ela em cada postagem separado
Diego
tente fazer o que falamos aqui, mas em vez de criar um estilo #Blog1, use o nome #post, mas acho que o efeito visual pode ficar estranho
muito boa as dicas...
Bom dia !
1º Parabens pela iniciativa do seu blog aqui tenho obtido inf. importantissima.
Tenho uma duvida: fiz conforme orientação para barra de rolagem coloquei o codigo antes da linha body no entanto da erro no meu blog ate aparece a barra, mas o blog nao responde. Porque sera ?
nem todos os templates são iguais, então alguns pode ser necessário colocar os códigos em outra parte
coloque o CSS depois do trecho body{....}
Postar um comentário