Colocando Barra de rolagem em um determinado Gadget do Blog

Colocando Barra de rolagem em um determinado Gadget do Blog

Olá! Esta sema mostrarei como colocar Barra de rolagem em um  determinado gadget do blog, pode ser qualquer gadget você pode adicionar uma barra de rolagem e isso no blog é muito útil, pois ele diminuirá os espaço que o gadget ocupa no seu Layout...

Para colocar essa barra de rolagem é bastante fácil.
Primeiro vamos acessar o HTML do Blog, então vá em MODELO>> depois em Editar HTML>> e em Prosseguir

Agora preste atenção: Como queremos acrescentar uma barra de rolagem em um determinado Gadget, é preciso sabermos qual é o ID daquele gadget, pra quem ainda não sabe o ID se trata da "Identidade" daquele gadget. E pra encontrar o ID de um Gadget é fácil, é só você ir no HTML do seu blog e procurar pelo título que você pois no gadget.

Então procure pelo título que você colocou no seu Gadget, pra facilitar utilize as teclas Ctrl+ F e busque pelo titulo do gadget.

Exemplo:

vou pesquisar pelo meu gadget, o titulo dele está assim: "top video"...

Quando encontrar, a linha em que ele se encontra vai estar assim:

<b:widget id='Label1' locked='false' title='top video' type='Label'/>

Observe: quando você buscar pelo titulo do seu gadget a linha em que ele se encontra vai aparecer como mostra no exemplo acima, mas preste a atenção que cada gadget tem uma ID diferente ( Palavras e números diferentes) no meu caso o  id do meu gadget está assim:Label1mas no seu HTML pode estar de outro jeito...

O ID é só aquela palavra que está entre aspas, veja o exemplo abaixo:

 id='seu id'

Pronto! já aprendemos como encontrar o ID de um gadget.

Vamos colocar a Barr de rolagem no Gadget

Ainda no HTML, vamos procurar por esse Tag:

]]></b:skin>

E acima dele você vai colocar esse CSS:

#Label1 {height: 180px;overflow: auto;}

Altere o Código:

No código a parte que eu destaquei em cor de vermelho você vai substituir polo ID do seu Gadget

A parte destacada em Azul você vai Ajustar a Altura do Gadget.

Blz agora e so salvar ..

Postado Em: dicas para blog