BARRA DE ROLAGEM NOS MARCADORES DO BLOG

arra de Rolagem nos Marcadores do Blogger


Vamos usar como exemplo como colocar uma barra de rolagem nos marcadores do blog, mas como já falamos isso funciona em qualquer gadget. Então o primeiro passo é saber qual é a id do gadget que deseja colocar a barra de rolagem. No caso dos marcadores do blog é #Label1. Então você precisa adicionar o código da barra de rolagem:

#Label1 .widget-content{height:300px; width:auto;overflow:auto;}

ACIMA ESTOU USANDO 3, PARA DOIS MARCADORES E PARA OS COMENTÁRIOS.

Isso pode ser feito na pagina editar HTML usando o Ctrl F para achar: ]]></b:skin> e colocando o código antes dele. Ou através da pagina personalizar onde podemos abrir uma janela para adicionar códigos CSS no Blogger (personalizar > Avançado > Adicionar CSS). Se precisar ajuda para colocar o código no blog clique nos links abaixo e achará mais detalhes:

Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F

Como Inserir Códigos no Blogger: Formatar Texto e Links do Blog

Ajuste o valor 300, ele é o tamanho da barra de rolagem. Outro detalhe interessante é que esse código coloca a barra de rolagem apenas no conteúdo do gadget deixando o titulo sempre amostra, mas se quiser incluir o titulo do gadget dentro da barra de rolagem apague o trecho .widget-content (inclusive o ponto).

Nenhum comentário:

Postar um comentário