19 de nov de 2007

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

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-me
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-me

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

Clique para ampliar

2 comentários:

  1. oi elke tudo bem com vc?
    gostaria de saber como faço pra ser parceiro de seu blogger?: gostaria de ser seu parceiro pois ainda não recebi nem uma visita no meu!

    ResponderExcluir
  2. oi etou começañdo a montar meu blog agora.amei as explicações que vc dá,embora eu não entenda muita coisa fico fascinada em ver blogs com desenhos e lmuitas outras coisas,um dia quem sabe eu conseguirei que o meu seja tão bom quanto...
    obrigada e bj

    Rita

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube