23 janeiro 2012

1

Colocar uma barra de rolagem na lista de blogs

Queremos adicionar muitos links a nossa lista de blogs e fica ocupando espaço demais em nossa página, para  resolvermos esse problema podemos colocar uma barra de rolagem em nossa lista de blogs. Para fazer isso é bem simples:
Entre na página editar HTML e clique “expandir os modelos de widgets,” procure pelo inicio de sua lista de blogs, um jeito fácil de achar é procurando pelo título que usa na sua lista( EX:Meus outros Blogs.Blogs que visito.ETC) no seu blog estará o título que usa na sua lista.
Veja o código:

<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: 200px;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;'>

Repare que  no seu blog não tem essa linha em negrito , foi justamente isso que modificamos para colocar a barra de rolagem,.
Nesse trecho height:200px que está na mesma linha é o tamanho da barra, você pode mudar para o número que achar melhor.
No trecho final border:1px solid #000000 é a borda, se não gostou é só apagar essa parte do código, cuidado para não apagar as aspas, nem outros sinais.
Bom agora, vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, você encontrará isso:

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

Cuidado para não se confundir , essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma( está em negrito, não estava no modelo original do blog). Feito isso é só clicar para visualizar se estiver tudo correto e só salvar.
Além de dá um novo visual à lista de blogs essa é uma ótima maneira de poupar espaço.
 
Ah!Não esqueça de fazer o uploud do seu template ante de realizar qualquer modificação.OK!

Um comentário:

  1. Amei seu blog pois tem muitas informações importantes e eu tirei muitas dúvidas...quando puder passa no meu blog e pega um selinho pra você..."Blog Arte By Sol". Um grande abraço. Ah! já virei sua seguidora...

    ResponderExcluir

Seu comentário me deixa muito feliz.obrigada pela visita.

google-site-verification: google261ea1355834037a.html