Estes fazem parte de nossa vida...

Páginas

FEATLIST

12 de maio de 2010

Paginaçao no Blog

Etiquetas:

Quando o número de posts no nosso blog começa a aumentar, será prático colocar-lhe paginação, para permitir-nos e aos nossos visitantes o salto de várias páginas em direcção aos posts anteriores (ou posteriores), em vez de múltiplos cliques no link "Mensagens antigas" (ou "Mensagens recentes") situado no fundo da página. Leia tudo...

    Foi o que fiz, e que podem ver e experimentar, exactamente no fundo desta página. Então vamos ver como se faz. Passo 1: Painel de Controlo >> Esquema >> Editar HTML e clique na caixa "Expandir os Widgets" Passo 2: Encontrar Passo 3: Colocar imediatemente abaixo o seguinte código:
    1. if cond='data:blog.pageType == "index"'>  
    2.   
    3. 'text/javascript'>  
    4.   
    5. var home_page = "http://webdoispontozeroplus.blogspot.com/";  
    6. var blogID = "7125179335870608043" ;  
    7.   
    8. var pager_max_main = 5;  
    9. var pager_num_of_button = 13;  
    10.   
    11. var pager_link_alt_text = "Click to go to page";  
    12. var pager_total_text = "Total: ";  
    13. var pager_posts_text = " posts, ";  
    14. var pager_pages_text = " pages.";  
    15.   
    16. 'http://vietwebguide2.googlepages.com/blogger_pager_script_v10.js' type='text/javascript'>  

    17. 'blogpagerShowToTal' style='margin:3px 2px 3px 2px; padding:2px; font-weight:bold'>
      
  • 'blogpager' style='margin:3px 2px 3px 2px; padding:2px;  
  • border-bottom:1px #090 dotted; font-weight:bold'>Jump to page: 
  
  • 'text/javascript'>  

  • window.onLoad = createBlogPager();  

  • window.onLoad = pager_showTotal();  

  •   

  • if>  


  • Obviamente substituindo o endereço do meu blog pelo endereço do seu, na linha 4;
    e o meu blog ID pelo seu, na linha 5 (o ID dos seus blogs pode ser visto quando faz o login em http://blogger.com/home e depois poisa o rato num dos links, por exemplo "Definições". O ID aparece no fundo do seu ecrã, na barra inferior do seu browser.)

    E é tudo.
    Se quser estilizar os seus botões/links de Paginação pode colocar algum CSS.
    Eu utilizei o seguinte,
    1. "text/css">  
    2. .blogpaging {  
    3. background:#CCC;  
    4. border:0px #ccc solid;  
    5. padding:2px;  
    6. }  
    7.   

    imediatamente antes do final do tag

    Boa sorte!

    NOTA: Este "tweak" foi retirado, traduzido e adaptado de http://en.vietwebguide.com/2008/07/blogger-pager-script-version-10.html

    0 comentários to "Paginaçao no Blog"

    Copyright © 2009 NUM3RO5. All Rights Reserved.

    Template Designed by Jake F. Ilac