Barra de rolagens para seu blog

Vamos colocar a barra de rolagem nas colunas do blog:

1- Primeiramente baixe esse código aqui [Rolagens];
2- Entre no seu blog e vai em layout/adicionar um gadget;
3- Clique em java/script,e coloque o codigo baixado dentro do mesmo;
4- Substitua a tag <  li  >conteudo1< /li>,pelo seu conteudo que ficará dentro da barra de rolagem;
5- A tag < li > ,é só para separar uma linha em cima da outra,se você não precisar pode deletar:
6- Exemplo: (Clique na imagem para ampliar)

7-  Barra adicionada com sucesso!!!


Agora vamos  colocar a barra de rolagem na coluna de postagens

Para colocar uma barra de rolagem na coluna de postagens vá até a página editar html,baixe seu template,qualquer coisa ele ta salvo, procure por:  

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

e coloque essa linha abaixo do   #main-wrapper
height: 400px;

O numero 400 é o espaço na vertical que suas postagens ocuparão, esse também será o tamanho da barra de rolagem (altura).

Depois na ultima linha tire a palavra "hidden" e coloque auto.

Isso vai fazer aparecer a barra de rolagem nas postagens, depois você ajusta o numero 400 do tamanho que desejar.Ficará assim:


#main-wrapper {
height: 400px;
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: auto; /* fix for long non-text content breaking IE sidebar float */
}


 Espero ter ajudado,qualquer dúvidas é só deixar um recado!!! 

 
Não achou o que procurava? 
Deixe seu pedido clicando aqui
Link quebrado ou com defeito?
Avise-nos na página link quebrado
Após fazer o download:
Deixe um comentário para nosso crescimento!

0 comentários: