- Home
- Tutoriais Blogger
- Balão com Número de Comentários ao Lado do Título
- Bordas arredondadas nas colunas
- Box Flutuante Assinar Feed via Email
- Centralizar o titulo do post no blog
- Código da Caixa de Seguidores do Twitter - Fan Box
- Código para Proteger seus artigos de cópias
- Artigos mais populares na sidebar
- Colocar Barra de Rolagem no blog
- Colocar o Pássaro do Twitter Voando no Blog
- Criando um menu horizontal
- Banner para seu blog com caixa HTML para o código
- Como instalar widget acima da coluna de postagens
- Programas
- Contactos
Colocar Barra de Rolagem no blog
Vá em design >> Editar HTML >> Expandir modelos de widgets e procure pelo código referente a este widget que você tem instalado na sidebar.
Que deve ser assim:
<b:section class='sidebar' id='sidebar-bottom' preferred='yes'>
<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'>
Note que no ínicio do código tem widget id='VideoBar1'
é para esta 'id' que você deverá criar os estilos no código CSS.
Para isso procure pela tag ]]></b:skin>
e cole ANTES dela o código a seguir:
#VideoBar1 .widget-content{height: 160px;overflow: auto;}
Salve as modificações!
height: 160px; é a altura total que terá o gadget.
O comando overflow: auto; faz como que a barra de rolagem apareça automaticamente, apenas se altura do gadget ultrapassar os 160px.
Barra de Rolagem na área do post:
Vá em design >> Editar HTML >> Expandir modelos de widgets e procure por: .post-body
E acrescente as linhas:
height: 400px;
overflow: auto;
Devendo ficar mais ou menos assim:
.post-body {
margin:0 0 .75em;
line-height:1.6em;
height: 400px;
overflow: auto;
}
Edite o valor de height para a altura que você preferir.
Salve!
Atenção: Este tutorial aplica-se aos antigos modelos de layout (Templates minima).