Texto Que Deseja Ocultar

Entendimento do Código de Ocultamento de Texto

Ao Seguir Procedimento Para Ocultar uma Parte da Postagem
Acontece o Erro Critico Mais Comum, Causado Pela Maneira de Editar a Postagem

Erro o Código do Link se Alto Modifica Para o Endereço da Postagem
Se ao Criar a Postagem em Modo Escrever

Para que Funcione Perfeitamente Click em Modo HTML e Confira a Linha:
<a href='#' on='Effect.toggle("Unico","slide"); return false'>Clique Aqui Para Ver Mais &#9660;</a>


Veja o Exemplo Como Funciona: ▼

Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui

Imagem Normal Aqui


Texto Normal Aqui

Clique Para Ver ▼

Texto Que Deseja Ocultar Aqui
Texto Que Deseja Ocultar Aqui
Texto Que Deseja Ocultar Aqui

Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui

Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui

Clique Para Ver ▼

Texto Que Deseja Ocultar Aqui
Texto Que Deseja Ocultar Aqui
Texto Que Deseja Ocultar Aqui

Texto Normal Aqui
Texto Normal Aqui
Texto Normal Aqui

Clique Para Ver uma Imagem ▼

Imagem Que Deseja Ocultar Aqui

Exemplo de Como Salvar A Postagem:

Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
<!--more-->Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
<br />
<a href='#' on='Effect.toggle("Unico","slide"); return false'>Clique Para Ver &#9660;</a>
<div id="Unico" style="display: none;">
Texto Que Deseja Ocultar Aqui<br />
Texto Que Deseja Ocultar Aqui<br />
Texto Que Deseja Ocultar Aqui<br />
</div><br />
<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
<br />
<a href='#' on='Effect.toggle("Unico1","slide"); return false'>Clique Para Ver &#9660;</a>
<div id="Unico1" style="display: none;">
Texto Que Deseja Ocultar Aqui<br />
Texto Que Deseja Ocultar Aqui<br />
Texto Que Deseja Ocultar Aqui<br />
</div><br />
<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
Texto Normal Aqui<br />
<br />


Veja a Postagem Original ▼

1.Faça login no blogger

2.Vá para Layout> Editar html

3. Procure pelo seguinte código em seu template utilizando as teclas Ctrl+f :

</head>

E antes desse código copie e cole o seguinte código:

<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>

4.Salve as alterações.

Agora criando e ocultando postagem

Vá para nova postagem postagem, e em seguida editar html veja a imagem ao lado:






Agora copie e cole o seguinte código:

<a href='#' on='Effect.toggle("Unico","slide"); return false'>Clique para ver &#9660;</a><div id='Unico' style='display: none;'>                                                                                                              Texto que deseja ocultar                                                                                      </div>

Nota:

Onde está escrito Unico deve igual na mesma e outra vez que for utilizar use  uma palavra diferente sempre que for usar o script para não haver problemas. A parte em laranja é o texto que servirá de link para ver o restante da postagem.Em verde no script significa que você deve deixar um espaço entre o texto e o script.  

Para não precisar ficar visitando o Notícia e blog toda vez que precisar usar o script faça o seguinte :)

Vá em Configuração> Formatação e em Modelo de postagem adicione o código de ocultar ai toda vez que for criar uma nova postagem o script estará pronto para ser usado.

Da Postagem Original em: NoticiaeBlog