Barra de Rolagem

A barra de rolagem é uma maneira de organizar nosso blog e ainda ganharmos espaço.

Ela pode ser posta na sidebar e nos Widgets:

Para isto vamos configurar o código CSS referente ao Widgets que queremos utilizar.

Primeiro vá em editar HTML e procure pelo código que se refere o gadgets, por exemplo:

<b:widget id='HTML42' locked='false' title='Tutoriais' type='HTML'/>

Aqui você percebe que o código tem: widget id='HTML42', é nesta id que vamos configurar.

Procure por ]]></b:skin>

Cole antes o seguinte:

#HTML42 .widget-content{height: 200px;overflow: auto;}

Onde 200px é a altura da barra de rolagem, que pode ser mudada de acordo com o seu critério; overflow:auto faz com que a barra apareça automaticamente.

Utilize este tutorial em quantos gadgets quiser.

Verifique se está tudo certinho e salve!

Agora vamos a Barra de Rolagem nas Postagens:

Vá em editar HTML em expandir modelo e procure por :

.post-body 

Agora, acrescente:

height: 400px;
overflow: auto;

Vai ficar assim:

.post-body {
margin:0 0 .75em;
line-height:1.6em;
height: 400px;
overflow: auto;
}

Não esqueça height é a altura que vai ficar a barra de rolagem!!

Salve e pronto!

fonte:mundo blogger