8 de mai. de 2008

Post que se expande

Vou ensinar como fazer este poste que se expande.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.



Não fui que inventei isso não, eu estava por ai navegando quando me deparei com essa maneira de expandir o poste, gostei muito e enquanto não descobri como se faz não me dei por vencida.
Vai daqui, vai dali até que me deparei com o blog Consuming Experience e lá tinha a dica. Dai fiz umas modifiçações e deu no que deu.

Então vamos aprender ?


A primeira coisa que você deverá fazer, é copiar este código e colar depois da tag:

<head>

no HTML do seu Blogger. Clique em "Salvar"




<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write(&#39;<style>.texthidden {display:none} </style>&#39;);</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className==&quot;shown&quot;) {whichpost.className=&quot;texthidden";}else {whichpost.className=&quot;shown&quot;;}}</script>





    Ah Elke, mas onde é que fica isso ?

    Ah ilustre visitante querido, fica no HTML do seu Blogger, não sabe ?

    Então clique na imagem para amplia-la.



    Clique em Modelo, depois em "Editar HTML"


    Clique-me

    Agora vá até "Configurações" e clique em "Formatação".

    Desça até o fim da página, você verá um espaço em branco.

    Cole aí este segundo código.

    *Onde está em verde é a cor da letra



    <a onclick="expandcollapse('NOME AQUI DO SEU POSTE')" href="javascript:void(0);"><span style="FONT-WEIGHT: bold; COLOR: rgb(153,0,0)"> Leia tudo...</span></a>
    <ul class="texthidden" id="NOME DO SEU POSTE DE NOVO" style="COLOR: rgb(0,0,0)"><code></code><p align="left">AQUI DENTRO SUA MENSAGEM QUE SE EXPANDE</p></ul>







    Pronto, agora vá em editar postagem, lá onde você escreve para ver uma coisa.

    Clique-me

    Clique-me

    Algumas considerações:

    Atenção:

    Sempre que você postar, modifique no local que está escrito:

    NOME AQUI DO SEU POSTE

    E

    NOME DO SEU POSTE DE NOVO

    Por uma palavra qualquer, a seu critério, mas tem que ser a mesma palavra nos dois locais ou seu poste não expandirá.

    Pode ser qualquer palavra, chuva, neve, vaca, cristo...

    Faça isso toda vez que postar algo.

    Ih, mas e quando eu não quiser que meu poste se expanda ?

    Sim terráqueo, basta você antes de escrever, apagar o que estiver no poste.







          3 comentários:

          1. olá! gostei do código, mas não teria como o texto que é expandido ficar alinhado com o que é exposto?

            abraços!

            ResponderExcluir
          2. olá querida
            to usando suas dicas, muito obrigada por disponibiliza-las
            Beijao pra ti
            Sol

            ResponderExcluir
          3. Olá ariane blz! parabens pelo site esta show..
            Gostei desse metádo que espande o poste !
            Tentei aqui( http://mileniodosdownloads-como-baixa.blogspot.com/ ) Deu quaze tudo certo ??
            Sendo que há um poblema ???
            A FONTE NO POSTE QUE SE ESPANDE ELE DESCONFIGURA ..
            NÃO FICA ALINHADA ( GRANDE ESPAÇO ENTRE A LINHA DE CIMA COM A DE BAIXO ) Tentei de tudo aqui !! Não tiver sucesso !! Se poder da um help ! te agradeço de coração !! Caso não ?? agradeço mesmo forma !! blz. sucesso !

            ResponderExcluir

          A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


          Copyright © Templates e Acessórios |
          Design by Elke di Barros | Tecnologia do Blogger
            Twitter Facebook Google + YouTube