segunda-feira, 17 de agosto de 2009

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

4 comentários:

flo disse...

ok
vou tentar
bjs

Deme disse...

Isso se chama "Como enrolar parceiros"

Esconde os links, se já é dificil conseguir cliques do jeito tradicional imagina assim...

Não gosto, mas a dica não deixa de ser boa...

flo disse...

l80 é altura?????

Unknown disse...

Olá, estive aqui buscando curiosidades sobre tecnicas em postagens , widget sobre o blogspot, e achei o que queria, este tipo de código aqui postado.
Ficou do jeito que eu queria.
PS: Tive a ousadia de colocar sua postagem em um blog de minha autoria para uma divulgação sobre esta experiência, a página é: http://experienciasdolu.blogspot.com, espero que não se importe, caso tenha restriçãoes, favor contactar-me.
Abraço

Postar um comentário

divulque

Blogoteca

Boas matérias

 

NewTechSound

Amazing Counters
Toshiba Satellite Laptops