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

Só lembrando, este tutorial estou fazendo a pedido de uma leitora do nosso blog, a Patricia ela disse que há vários Sites que ensina a colocar barra de rolagens nos gadgets, mas o modo em que os Sites ensinam ela não conseguiu compreender e ela pediu que nós fizesse um tutorial ensinando de um mode mais fácil de entender e explicado...

Voltando o assunto, pra colocar essa barra de rolagem é bastante fácil.
Primeiro vamos acessar o HTML do Blog, então vá em MODELO>> depois emEditar 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: "Veja mais"...

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

<b:widget id='Label1' locked='false' title='Veja mais' 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, mas se você quiser aprender mais sobre como encontrar o ID de um gadjet, eu lhe convido a lê o nosso tutorial...

E por fim, 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 rosa você vai substituir polo ID do seu Gadget

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

Prontinho pessoal, agora é só você clicar em visualizar e vê se você fez certo e depois salvar.