Este hack é muito bom para quem possui um blog com muitas imagens, videos, fotos, e além de ser muito últil pois substitui o resumo de postagem que é um hack um pouco pesado então vamos a aplicação.Este hack utiliza o script Scriptaculous atenção verifique se já adicionou alguma vez este script em seu template para não haver erros,se já tiver pule o passo de adicionar o script.
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='#' onclick='Effect.toggle("Unico","slide"); return false'>Clique para ver ▼</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.
Fonte:Tradução e edição Notícia e blog postagem original Elescaparatederosa
11 Comentários
Não funcionou. Aliás, já tentei vários códigos para ocultar e exibir postagens, mas não dá certo. E no próprio blogger a opção que eles dão serve para todas as postagens. Eu só quero pra uma.
Seu post tá super bem feito, onde posso ter errado? Quando vc fala do "head" é logo antes que devo colocar o código, certo?
@Blog Revista 2x2 , olá não percebi erro não vi erros no seu template mas acho que já sei você pode estar inserindo o código na postagem e clicando em mensagem para continuar a escrever a postagem, você deve escrever a postagem e depois alterar no editar Html adicionando o código e salvar a postagem. É porque o blogger altera o código.
Não entendi nada ... Tentei mas nao consegui ... o 2X2 citou a opção que eles dão que serve para todas as postagens eu queria essa as postagens do meu blog ficam muito grandes ... queria ocultar a parte final ... Obg pela atenção ...
@iNews , olá veja está postagem vai ajudar muito http://www.noticiaeblog.com/2009/09/blogger-implementa-sistema-de-resumo-de.html
so funciona na minha ultima postagem.
gente da certo sim so e um pouco complicado
dá este erro: O seu HTML não pode ser aceite: Closing tag has no matching opening tag: DIV
Caramba !! Vlw vc me salvou estava procurandu isso e nun conseguia entender no tuto da google !! vlw !! meu site portaldownload2.blogspot.com
qndo eu coloco o codigo some tudo da caixa seguidores
Muiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiito bom mesmo!! Meu blog tem postagens enormes, com imagens e gráficos! Demorava muito para carregar!
Amo vcs Noticia$Blog.
Meu blog: http://lightdownsbrasil.blogspot.com
Amigo nao entendi a parte em laranja, que link tenho que colocar ali ? fiz do geitinho que está explicado, quando publigo a postagem aparece a parte em que tenho que clicar para mostrar o resto do texto, porém, quando clico para mostrar ele volta pra tela onde eu edito a postagem, porque ?
o que estou fazendo de errado ?
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.