Colocar as nossas postagens divididas em paginas, é mais uma forma de percorrermos o nosso blog e de melhorarmos o seu aspecto.
É preciso ter alguma atenção para colocarmos os códigos. Assim, vamos até Layout > Editar HTML , não se precisa de marcar "Expandir modelos de widgets" e procura-se pela tag:
</body>
e ACIMA dela, cola-se o seguinte código:
<script style="text/javascript">
var pageCount=5;var displayPageNum=5;var upPageWord="Voltar";var downPageWord="Próxima";</script>
<script style="text/javascript" src="http://dl.dropbox.com/u/3173073/HacksBlogger/page-nav.js">
</script>
var pageCount=5;var displayPageNum=5;var upPageWord="Voltar";var downPageWord="Próxima";</script>
<script style="text/javascript" src="http://dl.dropbox.com/u/3173073/HacksBlogger/page-nav.js">
</script>
'data:label.Url' ou 'data:blog.homepageUrl + ":,feeds/posts/default"' e vamos substituir todo ou parte, conforme estiver o template por:
'data:label.url +"?&max-results=5"'ou
'data:blog.homepageUrl + "?&max-results=5"'
Para o mesmo modelo da caixa de numeração que aqui tenho, vamos a colocar o seguinte codigo em baixo antes da tag: ]]></b:skin>
*/ PageNav
---------------------------*
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px; }
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}
---------------------------*
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px; }
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}
0 comentários:
Postar um comentário