Cursos 24 Horas - Cursos 100% Online com Certificado

Ocultando uma parte da postagem no blogger

11 Comentários Autor : Notícia e blog 13 agosto 2009


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 &#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.

Fonte:Tradução e edição Notícia e blog postagem original Elescaparatederosa

    11 Comentários

    Blog Revista 2x2 disse...
    9 de outubro de 2009 12:13 #

    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?

    Notícia e blog disse...
    9 de outubro de 2009 13:45 #

    @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.

    iNews disse...
    1 de dezembro de 2009 20:19 #

    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 ...

    Notícia e blog disse...
    2 de dezembro de 2009 13:56 #

    @iNews , olá veja está postagem vai ajudar muito http://www.noticiaeblog.com/2009/09/blogger-implementa-sistema-de-resumo-de.html

    Diogo, disse...
    4 de dezembro de 2009 20:35 #

    so funciona na minha ultima postagem.

    vitor basilio disse...
    5 de janeiro de 2010 11:10 #

    gente da certo sim so e um pouco complicado

    Dark disse...
    24 de janeiro de 2010 21:10 #

    dá este erro: O seu HTML não pode ser aceite: Closing tag has no matching opening tag: DIV

    PD disse...
    18 de agosto de 2010 17:24 #

    Caramba !! Vlw vc me salvou estava procurandu isso e nun conseguia entender no tuto da google !! vlw !! meu site portaldownload2.blogspot.com

    BatataFrita disse...
    29 de dezembro de 2010 16:57 #

    qndo eu coloco o codigo some tudo da caixa seguidores

    Thiago (http://lightdownsbrasil.blogspot.com) disse...
    30 de janeiro de 2011 16:22 #

    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

    Raphael disse...
    24 de março de 2011 19:19 #

    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.