3 de março de 2012

6

Botões de numeração de páginas do Blogger



Código de numerações de página do Blogger.


Vou ensinar a vocês a colocarem Botões de numeração de página no Blog, pra colocar não muito difícil, agora vamos começar a editar o HTML do Blog.


vá em Design, e depois em Editar HTML em seguida clique em Expandir Modelo.

Em seguida clique em Expandir Modelo. Depois use Ctrl + F para procurar esse Tag: 
]]></b:skin> 


Cole esse código antes do Tag que você Procurou.

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



Você vai procurar esse outro Tag: </body> e Cola esse segundo código 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 no código:  var postperpage=7;  Representa o número de Postagens por página....

3° E por Fim procure por 'data:label.url'  e você vai substituir essa parte por esse:

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


A gora primeiramente visualize o seu Blog antes de salvar. E Pronto...

6 comentários:

  1. Perfeito, me ajudou muito, eu procurei mito um template, só que o que eu achei bom não aparecia o botão de ir a pagina 2, você me ajudou bastante, obrigado?!

    ResponderExcluir
  2. muito obrigado, ficou fera agora meu blog, http://noticiasdeatibaia.blogspot.com.br/
    Só na hora de colocar a ultima etapa deu erro, mas era só colocar no final >

    exemplo
    'data:label.url + "?&max-results=7"' >
    e pronto foi só isso, mas ficou show vlw

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook