sábado, 12 de fevereiro de 2011

Numeração nas Páginas do Blogger - Código Atualizado

Veja o código atualizado para colocar numeração nas paginas do blogspot, anteriormente já publicamos um código Colocar numeração nas paginas do blog mas ele apresentou alguns erros, então encontramos essa versão mais recente deste hack que cria numeração de paginas no blog. Não é muito difícil de instalar apenas precisa de alguns cuidados para evitar os erros nos códigos na hora de editar o HTML do seu blog, veja aqui Porque os códigos não funcionam no blog.

numeração nas paginas do blog

Entre na pagina editar HTML, clique para expandir o modelo, procure por ]]></b:skin> e coloque esse código antes dele:

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}


Isso é a formatação dos links (botões) dos números das paginas, para modificar o estilo dos botões veja aqui:
Como fazer e colocar botões no blog
Como Formatar o Texto do Blog

Agora localize a linha </body> e coloque esse javascript antes dele:


&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


Essa linha var postperpage=7; define o numero de postagens por pagina

E para terminar procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por:


'data:label.url + &quot;?&amp;max-results=7&quot;'


Use o ctrl+F para localizar esses trechos de códigos no seu blog, em caso de duvidas veja Onde colocar os códigos no blog e cuidado para não apagar nada por engano, pois se faltar algum caractere ou deixar algo a mais o código não funciona. 

0 comentários:

Enviar um comentário

Numeração nas Páginas do Blogger - Código Atualizado

Veja o código atualizado para colocar numeração nas paginas do blogspot, anteriormente já publicamos um código Colocar numeração nas paginas do blog mas ele apresentou alguns erros, então encontramos essa versão mais recente deste hack que cria numeração de paginas no blog. Não é muito difícil de instalar apenas precisa de alguns cuidados para evitar os erros nos códigos na hora de editar o HTML do seu blog, veja aqui Porque os códigos não funcionam no blog.

numeração nas paginas do blog

Entre na pagina editar HTML, clique para expandir o modelo, procure por ]]></b:skin> e coloque esse código antes dele:

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}


Isso é a formatação dos links (botões) dos números das paginas, para modificar o estilo dos botões veja aqui:
Como fazer e colocar botões no blog
Como Formatar o Texto do Blog

Agora localize a linha </body> e coloque esse javascript antes dele:


&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


Essa linha var postperpage=7; define o numero de postagens por pagina

E para terminar procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por:


'data:label.url + &quot;?&amp;max-results=7&quot;'


Use o ctrl+F para localizar esses trechos de códigos no seu blog, em caso de duvidas veja Onde colocar os códigos no blog e cuidado para não apagar nada por engano, pois se faltar algum caractere ou deixar algo a mais o código não funciona. 

Sem comentários:

Enviar um comentário

 
DICAS DO BLOGUEIRO. Blogger-SB template es una adaptación del template de Blogger, adaptada por SebaKito, disponible en Somos Blogger.