domingo, 16 de outubro de 2011

*~~*Tutorial

Eii gente,nao pude esperar ate amanha para passar a vcs esse tutorial!!
Meu primeiro rssr'!!
Alguns de vcs podem nao precisar porque ja tem!!
Mais eu vou passar ainda assim!!
Vou ensinar a colocar leia mais no antigo blogger!
Ja que no novo é facil!!sz
Clique no Mais informaçoes e tenha mais informaçoes!!



Vá ao Painel do Blogger e escolha a aba “Layout” ~> “Editar HTML” e marque na janela do código-fonte a opção “Expandir modelos de widgets”.

2. Procure pela linha que conste “</head>” e, ANTES dela, cole o seguinte:



<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
  $('.excerpt').expander({
    slicePoint:       280,  // default is 100
    expandEffect:     'fadeIn',
    expandText:         '[...]', // default is 'read more...'
    userCollapseText: '[^]'  // default is '[collapse expanded text]'
  });
});
</script>

O valor "280" determina a quantidade de caracteres, incluindo códigos HTML, que irão aparecer como resumo das postagens. A parte resumida é determinada, então, pela quantidade de caracteres que aparecerão na página inicial do blog.


3. Agora, deve-se substituir o trecho padrão do código que mostra as postagens inteiras na primeira página, pelo código do link para o resumo. Para isso, encontre exatamente esta parte:



<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Isso já está em seu blog. Basta encontrar.

4. Encontrado o trecho acima no seu código-fonte, troque tudo por:



<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<p><a expr:href='data:post.url'>Continue lendo...</a></p>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Aonde está escrito continue lendo...  pode ser trocado pelo texto que achar mais adequado ou mesmo por uma imagem.
5. Salve e veja o resultado. Automaticamente os seus artigos já aparecerão resumidos na primeira página e com o link para seus leitores clicarem e continuarem lendo.

Se quiser aumentar ou diminuir a quantidade de caracteres que aparecem no resumo, volte ao código-fonte e altere o valor 280 mostrado acima. Faça testes para determinar o melhor tamanho para o seu caso.

 Se eu ajudei vc, comente caso contrario pode fazer perguntas!!

13 comentários:

  1. amei fico otimo o Tutorial

    http://thaa03.blogspot.com/

    ResponderExcluir
  2. Muito lgl, adorei
    Beijos e boa semana!
    @sarahreinert
    http://vestindocorderosa.blogspot.com

    ResponderExcluir
  3. Querida, tem selinhos para você lá no blog!
    beijos
    http://brilhodediva.blogspot.com/

    ResponderExcluir
  4. Olá...amei seu blog! Parabéns! Estou te seguindo porque amei aqui...me segue também! Quero te convidar para uma promo que estou fazendo no meu blog de um livro+marcador! Participa!!!! Bjuss se cuida!
    http://palomaviricio.blogspot.com

    ResponderExcluir
  5. Mt boa a dica, pq tem gente q não sabia como fazer no modelo antigo do blogger...


    Fiz um blog novo e queria contar com a sua ajuda pra leva-lo adiante, tudo bem? Ah, estou seguindo como Gislaine Alves.
    florespraivete.blogspot.com

    ResponderExcluir
  6. adoreei as dicas!!

    Flor, estou te seguindo, se ainda não estás me seguindo, peço que sigas por favor! Obrigada por comentar no meu blog!

    Beeeijooos, ótima semana!

    http://re-becah.blogspot.com

    ResponderExcluir
  7. aah ótimo tuto :)

    http://help-adolecentro.blogspot.com/

    ResponderExcluir
  8. Muito bom o post *-*
    Ameei o blog; lindo!
    Beijos ;*
    just-a-girl21.blogspot.com

    ResponderExcluir
  9. Adorei seu blog!
    Seguinduuuuuuu!
    Beijooooooooooos
    Mila
    http://www.estiloallure.com

    ResponderExcluir
  10. obrigada por seguires flor!

    Beeeijooos,

    http://re-becah.blogspot.com

    ResponderExcluir

Olá !
Fiquem á vontade para comentar o que quiserem, mas por favor não usem palavrões.
Eu permito comentários anônimos, mas se eu tiver problema com isso eu vou impedir!

Obrigado pela visita! Sempre respondo os comentários.