Como colocar uma barra de rolagem na sua lista de blogs

Bom pessoal, para quem já é blogueiro a algum tempo, ou mesmo para aqueles blogs famosos que tem uma lista excessiva de parceiros conforme o layout do seu blogger a lista acabam ocupando muito espaço, e por esse motivo estou disponibilizando para meus leitores como colocar uma barra de rolagem para essa lista de blogs, e o principal não precisa se preocupar em desconfigurar o seu template, porque o truque é bem simples:

Primeiro passo: entre logado no seu blogger e click em alguma das duas opções que estou mostrando de acessar o "layout" do blogger.

Agora basta clicar na ferramenta "editar html" para abrir a página de código do seu template.

É necessário salvar o seu template para evitar futuros transtornos, a foto acima mostra o que fazer, para salvar bastar clicar.

Segundo passo: uma vez que seu template ja esteja salvo você irá clicar em "expandir modelos de widgets" conforme mostra a foto abaixo.

E por ultimo agora você irá clicar CTRL+F e procurar pelo código abaixo:
<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div style="height: 180px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>

Bom pessoal quando você localizar esse código no seu blogger, não terá essa linha que eu coloquei de vermelho, é esse o código que implementa a barra de rolagem, então cuidado não altere nada no código do template, você apenas irá adicinar esse linha no seu código html do seu template.

Agora pessoal para termina, você irá fechar o div que o código acima abriu em seu templete, você irá pesquisar no seu template o código abaixo.

<a href='javascript:void(0)'><data:showAllText/></a>

</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>
Então pessoal você irá adicionar o </div> que eu destaquei em vermelho, e cuidado em achar que ja tem um </div> que não precisará de outro, pois o código deverá ficar da forma que eu estou mostrando acima.

Feito isso pronto agora é so salvar o seu template e visualizar para ver se deu tudo certo, lembre que o 180 é o comprimento que ficará o lista de blogs.

viadicas para blogs