-->
English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified
By Ferramentas Blog
RSS
Related Posts with Thumbnails

sábado, 3 de abril de 2010

Dicas blogs - Como colocar as páginas do blog numeradas Image Hosted by ImageShack.us


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>
De seguida procuramos ainda no html do template por:
'data:label.Url' ou  'data:blog.homepageUrl + &quot:,feeds/posts/default&quot;' e vamos substituir todo ou parte, conforme estiver o template por:
'data:label.url +&quot;?&amp;max-results=5&quot;'ou
'data:blog.homepageUrl + &quot;?&amp;max-results=5&quot;'

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;
}
Exitem mais apresentações de caixas de mumeração de paginas, tendo para isso outros códigos. Podem encontrar mais codigos no "Gothic Darkness"

Image Hosted by ImageShack.us
0 comentários:

Postar um comentário