Animeted Collpase listas expandiveis

Em Setembro eu publiquei um post sobre como transformar as listas da sidebar em menus expandíveis usando o Jquery e após a publicação, descobri um erro que não consegui arrumar (e tentei, tentei, tentei...). No entanto, visitando o Vagabundia, descobri uma maneira eficaz de conseguir o efeito, que pode ser visto neste blog de testes do JMiur (clique em Expandir/Contraer, na sidebar).

Este efeito se consegue usando o scriptanimatedcollpase. Faça o download e hospede em algum servidor (sugiro o SkyDrive, já que o Google Pages já era). Após hospedar o script, copiei o link fornecido e use-o neste código, que deve ser colado antes da tag </head>

<script type="text/javascript" src="URL_animatedcollapse.js"></script>

Salve. Depois clique em Expandir Modelo de Widget e procure por este trecho do código (óbviamente você já deverá ter em seu blog uma lista de links, ok?)

<b:widget id='LinkList1' locked='false' title='Titulo da lista' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>

<div style='text-align:center;'>
      <a href='javascript:lasEtiquetas.slideit()'>EXPANDIR/CONTRAER</a>
    </div>
    <div id='EtiquetasLista'>


  <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>


</div>
    <script type='text/javascript'>var lasEtiquetas=new animatedcollapse("EtiquetasLista", 500, false)</script>


   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Acrescente os códigos em vermelho e salve. Você pode usar o efeito em quantas listas desejar, bastando repetir o código. Para usar o efeito em uma lista de Marcadores:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>

    <div style='text-align:center;'>
      <a href='javascript:lasEtiquetas.slideit()'>EXPANDIR/CONTRAER</a>
    </div>

    <div id='EtiquetasLista'>

      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'>
              <data:label.name/>
            </span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
              <data:label.name/>
            </a>
          </b:if>
          <span dir='ltr'>(<data:label.count/>)</span>
        </li>
      </b:loop>
      </ul>

    </div>
    <script type='text/javascript'>var lasEtiquetas=new animatedcollapse("EtiquetasLista", 500, false)</script>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Como hospedar JS no SkyDrive

Para hospedar no  SkyDrive  basta ter uma conta do no WindowsLive (Hotmail, Space, MSN). Na sua página do SkyDrive, clique na pasta Público e depois em Adicionar Arquivos:

 

Depois de subir o .js, clique com o botão direito sobre a pastinha com o arquivo e vá em Propriedades.

 Copiei todo o primeiro link (endereço) que aparece, como mostra a imagem abaixo:

Faremos a seguinte alteração no endereço: retiraremos o final ?download dele. Só então ele será válido para colocarmos no código do template, da maneira que expliquei acima:

<script type="text/javascript" src="URL_animatedcollapse.js"></script>

No caso, o meu ficou assim:

<script type="text/javascript" src="http://pksnhw.bay.livefilestore.com/y1p8NsS9Oihdasa7auBF9q0SskdGsd9ldx-4hUjNejSjLpp2Mwv0qG_b5PFeQPJc8d4f-4jdYXeSgeVnvjSFIQ69g/animatedcollapse(2).js"></script>

O link é assim mesmo, enorme.

Read More

Neste fim de ano eu quero agradecer

O Observatório já não é mais meu. Estou para avisar desde a semana passada, mas a correria me impediu. E justamente por conta desta correria toda que estou vivendo, não conseguia mais dar conta de coletar os links para o  Observatório, um blog que me orgulhei muito de criar, mas que não vinha recebendo de mim a atenção que merecia. Agora o Johnny Rox é o total responsável pela escolha e publicação dos links, bem como de qualquer modificação que possa ser feita. Desliguei-me completamente e confesso que fiquei um pouco triste...

Quando criei o Observatório a minha intenção era de ir muito além das tais parcerias que me propunham. Eu nunca vi sentido em carregar a sidebar com trezentos links de não sei quem, só para ter meu blog linkado. E este modo de pensar não se restringe ao Templates (que já é muito bem linkado), mas se estende aos meus blogs anônimos, 'anões', que nem aparecem em buscas do Google. Não gosto de parcerias, elas me soam falsas. Mas eu também queria, de alguma maneira, dividir a popularidade do Templates com gente que produzia conteúdo bacana e aí surgiu a idéia do Observatório: divulgar posts interessantes, de maneira indireta, aos leitores do meu blog. Foi um prazer muito grande receber os primeiros links, ver que o pessoal linkava o Observatório e acreditava na idéia de colaboração. Através dele eu conheci blogueiros muito bons, idéias, interessantes, posts engraçados...Foi bom enquanto durou e acredito que ficará  ainda  melhor, segundo as idéias que o Johnny me apresentou.

No entanto eu gostaria, neste final de ano, de agradecer a gentileza dos blogs que linkam o Templates, indicando tutoriais ou mesmo fazendo agradecimentos por alguma ajuda recebida. Sei que são muitos, pois os links que me retornam do Google (Pesquisa de Blogs) são deste tipo (pelo que percebi, não retornam os links de créditos de templates). Ou seja, tem muita gente bacana disposta a escrever um post indicando outro blog sem pedir nada em troca. E para estes, eu quero retribuir de alguma maneira. Como acredito que um post vale muito mais que um link entre muitos na sidebar, decidi criar um novo tipo de postagem aqui no blog:

se você já indicou o Templates alguma vez, entre em contato comigo, que eu visitarei seu blog, escolherei uma postagem  interessante e, toda sexta-feira, publicarei os links coletados, com um resumo do assunto.

Esta é a maneira, à la Ariane, de dizer obrigado :-)

Para entrar em contato comigo (apenas para indicar seu blog, perguntas só respondo aqui no blog!):

Bom final de semana ;-)

Read More

Bem vindo Gabriel !

Passei rapidinho só para contar (acabei de ver o post) que a minha querida amiga Elke  já está com o lindo Gabriel nos braços desde o dia 28 de outubro e  hoje nos presenteou com uma foto dele em seu blog.

Corrão lá para ver como ele é lindo!

Elke, parabéns, felicidades e mil beijos da titia aqui para o fofuxo!

Read More