Pages

Pesquisar

sábado, 16 de julho de 2011

Páginas numeradas no Blogger (Pego nesse site)


Coloco aqui como adicionar páginas numeradas ao seu blog no blogger! Muito fácil!

Adicionar a CSS

1.Acesse o Painel do Blogger(blogger.com)
2.Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets
3.Procure pelo seguinte trecho "Utilize Ctrl e F":
]]></b:skin>
Antes dele adicione pulando uma linha o seguinte:
.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;
}

Adicionando o Script

4.Procure pelo seguinte código:
</body>
Antes dele adicione pulando uma linha o seguinte:
&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;

Nenhum comentário:

Postar um comentário

Popular Posts