Para poupar espaço adicione scrolls ao seus widgets
Para adicionar scroll nos elementos de pagina como os marcadores e os parceiros nas sidebars a direita voce deve adionar o seguinte codigo ao seu layout:
<div style="overflow:auto;width:160px;height:100px;padding:8px;border:1px solid #efffff">
Se o elemento que voce deseja adicionar o scroll for um elemento de
HTML/JavaScript basta adicionar no inicio do codigo.Exemplo:
<div style="overflow:auto;width:160px;height:100px;padding:8px;border:1px solid #efffff"><ul>
<li><a href="http://
blog.blogspot.com/" target="_blank">
Nomedo blog </a></li>
<li><a href="http://
blog.blogspot.com/" target="_blank">
Nomedo blog </a></li>
<li><a href="http://
blog.blogspot.com/" target="_blank">
Nomedo blog </a></li>
<li><a href="http://
blog.blogspot.com/" target="_blank">
Nomedo blog </a></li>
<li><a href="http://
blog.blogspot.com/" target="_blank">
Nomedo blog </a></li>
</ul></div>
Mas se o elemento for os marcadores ou qualquer outro do tipo voce deve ir em
editar html, antes de tudo faça um
backup do seu template clicando em
baixar modelo completo.Logo apos click em
expandir modelos de widgets e localize o widget que voce deseja inserir o scroll, copie o codigo acima e cole logo apos do seguinte trecho:
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
Ira ficar assim:
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style="overflow:auto;width:160px;height:100px;padding:8px;border:1px solid #efffff"><ul>
Coloque o </div> logo apos o </ul>
Agora vou explicar cada parte do codigo:
Width: é a largura da sua coluna.Se voce retirar ele se ajusta automaticamente.
Height: É a altura que o seu widget terá sem isso o scroll cao aparecerá.
Padding: Determina a distancia entre o conteúdo deste elemento para as bordas.
Border: Se voce desejar que o seu widget tenha bordas mantenha essa parte do codigo se nao retire o seguinte trecho
border:1px solid #efffff
Baseado no tutorial do
Katatempla
Leia mais...