Inserir barra de rolagem em gadgets

O blogger possui diversos gadgets úteis, porém o tamanho deles pode ser algo prejudicial para a navegação do seu blog, uma vez que eles podem ser muito grandes e aumentar significantemente o tamanho da sua barra lateral e deixar seu blog com uma aparência de desorganização.

Diminuir o tamanho dos gadgets e colocar uma barra de rolagem neles pode facilitar muito, tanto no quesito navegação quanto na aparência. Aprenda neste tutorial como aplicá-la!

1 Vá em Tema > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure pelo nome do gadget que você deseja aplicar a barra de rolagem > Pegue a identificação do gadget, como mostra na imagem.


2 Procure por ]]></b:skin> > Acima desta tag você deverá criar o código CSS para a identificação que você pegou no passo anterior.

Para criar o código CSS para a identificação que você pegou, você deverá seguir este modelo:
#seu_id { /* css */ } Onde está seu_id você irá preencher com o ID do gadget escolhido. É importante que o hashtag (#) continue no começo da linha.

3 Dentro das chaves (onde está /* css */, no passo anterior) cole o seguinte código:
max-height: 200px; overflow: auto; Onde está 200px você coloca a altura máxima que o gadget poderá ter. Quando o conteúdo do gadget passar desta altura, aparecerá uma barra de rolagem.

4 Faça as alterações.

5 Salve.