Colocar Barra de Rolagem nas postagens

Atendendo aos pedidos de alguns visitantes deste site vamos mostrar como colocar uma barra de rolagem nas postagens do blogspot(veja outra forma de colocar uma Barra de rolagem na postagem), isso pode ser interessante caso queira dar um visual diferente no seu blog ou colocar algum outro acessório abaixo das postagens. Mas lembre-se isso é só uma barra de rolagem isso não deixará o blog mais rápido, pois carregará a pagina toda da mesma forma que antes.


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.