15 de jul de 2009

Post que se expande "Leia Mais" no post que quiser

Vou ensinar como fazer este poste que se expande.
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 ?

Leia tudo






    A primeira coisa que você deverá fazer, é copiar este código abaixo e colar depois da tag <head> no HTML do seu Blogger. Depois 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>




    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 este próximo código la.



    AQUI FORA O QUE QUISER

    <a onclick="expandcollapse('NOME AQUI DO SEU POSTE')" href="javascript:void(0);"><span style="FONT-WEIGHT: bold; COLOR: rgb(0,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>




    *O código na cor verde acima representa a cor das letras. Troque a numeração pela cor desejada.

    Caso queira modificar as cores das letras, mude a numeração em que está em verde.
    Veja abaixo a as cores.


    Azul
    0, 0, 255
    Verde
    0 , 255, 0
    Turquesa
    0, 255, 255
    Branco
    255, 255, 255
    Vermelho
    255, 0, 0
    Magenta
    255, 0, 255
    Amarelo
    255, 255, 0

    Veja mais cores RGB clicando AQUI ou AQUI




    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.






    13 comentários:

    1. fiz tudo do jeito q voce disse e deu tudo certinho... valeuu...
      bjos.

      ResponderExcluir
    2. Elke, boa tarde!
      O que aconteceu?
      Pq vc sumiu?
      Pq não consigo postar fotos para atualizar o blog?
      Pq não fala comigo?
      Por favor, responda.
      Grata,
      Benna Lago

      ResponderExcluir
    3. "Só existe uma coisa melhor do que fazer novos amigos: conservar os velhos."

      FELIZ DIA INTERNACIONAL DO AMIGO!
      beijos

      ResponderExcluir
    4. Aceita parceria?

      Parabéns pelo blog, está lindo!!

      ResponderExcluir
    5. Elke, fiz do jeitinho que você disse e tá tudo ok. Mas eu queria que você me indicasse por favor um site que hospede cursor e favicons. Por favor (claro, se possível). Agradeceria muitooooo... pq o photobucket e o image shack não hospedam arquivos no formato de cursor(ani) e favicons(ico)... obrigada! abraços

      ResponderExcluir
    6. Sou a de seu blog!
      E a cada visita aqui sempre tenho uma surpresa, dessa vez foi seu templat novo, está lindo.
      Parabéns

      ResponderExcluir
    7. ola, gostei muito do seu bloge da postagem , bem bacana . Voltarei mais vezes . Um abraço !

      ResponderExcluir
    8. caraaaaaaca!!!!!
      Tava procurando um desses há muito tempo!!!
      Nos q consegui, ou colocava em todos ou em nenhum...
      Demais mesmo, virei seu fã.
      Abração

      ResponderExcluir
    9. Olá. Quando coloquei em dois posts seguidos esse recurso, quando clicava no "leia mais" do primeiro expandia o segundo, mas o segundo funcionava normal. O que fazer??
      dá uma olhada no meu blog: umap-vca.blogspot.com

      ResponderExcluir
    10. oie...

      uma terráquia aqui... não consegui... onde foi que eu errei?????

      vc pode me ajudar???

      http://vvmundo.blogspot.com

      ResponderExcluir
    11. Fiz do jeito que falou, mas até que na página inicial fica tudo certo. Porém o post não se expande! O texto escrito depois da leia tudo... não aparece.

      ResponderExcluir
    12. Gostei muito de suas dicas mas não consigo usá-las nesse novo visual do Blogger. Suas dicas são para o formato antigo. Não teve maneiras de eu conseguir achar o 2º passo -
      Agora vá até "Configurações" e clique em "Formatação".
      Fucei em todas as funções disponíveis, até perdi um blog de testes que abri só pra isso.
      De qualquer forma, valeu!

      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