Efeito especial para artigos expandiveis no Blogger

Há cerca de um mês coloquei aqui um hack para o blogger que permitia ao administrador do blog sintetizar/sumarizar acerca do que o post vai ser e dar a escolha ao leitor se quer ler mais, ao escolher ler mais o resto do post aparece tal como por magia. O autor do hack (Ramani) decidiu incluir um efeito quando os leitores clicarem para ler o resto artigo. Torna-se mais agradável aos olhos.

Para instalar siga as instruçoes AQUI localiza a secção </HEAD> no seu template e insira o código seguinte imediatamente antes dessa secção.

<script type=’text/javascript’ src=
‘http://anniyalogam.com/scriptaculous/src/prototype.js’/>
<script type=’text/javascript’ src=
‘http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load=effects’/>
<script type=’text/javascript’>
var fade = true;
var peekaboo_bgcolor = ‘#ffffff’;
</script>

Se a cor de fundo do seu blog não seja branco terá de editar o código a verde de acordo com a cor no seu blog

Depois de inserir o código, encontre a seguinte secção de código no seu blog e remova a linha a vermelho:

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

Agora é só guardar as alterações efectuadas.

Fonte: Hackosphere

Na Aldeia mais digital de Portugal – Beijós

Partilhar artigo no: Facebook | Google + | | Digg

Este artigo foi arquivado em: Blogger

2 Responses to Efeito especial para artigos expandiveis no Blogger

  1. ICPNI says:

    Amigo, só mesmo você e seus conhecimentos para me auxiliar.
    Tudo estava indo bem, “Ler mais” “Voltar ao resumo”, derrepente parou de funcionar o que pode ter acontecido? o meu blog é http://icpniararuama.blogspot.com/
    Conto com sua ajuda.
    Abraços.

  2. BR-INFOR-BLOG says:

    ola…estava atráz disto..obrigado pela dica…abraços.

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>