Scroller nos posts, nas colunas

Coloque scroller nos posts do novo Blogger de uma forma fácil e permanente.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Veja AQUI o exemplo.

Copie o código abaixo.

height:150px;
overflow:auto;

Se quer que o seu scroller fique com as cores do blog, então copie o código abaixo.

height:300px;
overflow:auto;
scrollbar-face-color: $bordercolor;
scrollbar-highlight-color: transparent;
scrollbar-shadow-color: $bgcolor;
scrollbar-3dlight-color: transparent;
scrollbar-arrow-color: $sidebarcolor;
scrollbar-track-color: transparent;
scrollbar-darkshadow-color: transparent;

Se este acima não der certo, tente este e depois faça a alteração nas cores.

height:300px;
overflow:auto;
scrollbar-face-color: #cccccc;
scrollbar-highlight-color: #cc0000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;

Agora vá até o HTML dfo seu Blogger (clique em "Modelo" depois em "Editar HTML")


Agora procure por:


.post

E cole o código debaixo dele como mostra o exemplo

Clique para ampliar

<--------------Scroller nas colunas------------------>

Veja AQUI o exemplo

*ATENÇÃO: Se quiser que seu scroller fique maior ou menor, troque 150 por outros números ele aumentará o scroller no comprimento.

Caso você queira colocar scroller nas colunas laterais, procure no HTML do Blogger o código:

Veja o exemplo, clique para ampliar a imagem.

Clique para ampliar

Sidebar Content

e no primeiro código

.sidebar {

cole abaixo o código

<---------------Post dentro do mesmo scroller------------------>

Para colocar no meio, de forma que todos os posts fiquem ao mesmo tempo no mesmo scroller, procure pelo código:

.main .Blog {

Cole então o código abaixo como o modelo.

Clique para ampliar

<------------------------Scroller em cada elemento da coluna------------>

Clique AQUI e vgeja o exemplo

Procure pelo código:

.sidebar .widget{

Cole o código abaixo deste código

Clique para ampliar