Alguns códigos inseridos aqui, foi pego de um theme do blogskins, que eu uso bastante ^.^
Vamos ao código. Insira o código abaixo entre <style> e </style>:
/******paginacao personalizada - mundogallyack.com *****/Bom, os códigos da classe "esquerda", você pode mudar o left, que será a distância que o nome/simbolo ficará da margem esquerda. Quanto maior o número, mais distande da margem ele ficará. Na classe direita, acontecerá o mesmo com o right. Os valores para o top nas classes esquerda e direita, é a distância que o nome/simbolo ficará da margem do topo. Coloque o mesmo valor para os dois. Na classe "pagi", é onde você edita o tamanho, cor e fonte do nome ou simbolo que vamos inserir na página (aquele que clicamos para passar de página, que pode ser: "next, previous" "<< >>"). Agora insira o código abaixo depois de <body>:
.esquerda{
position: fixed;
left:20px;
top: 90%;
float: left;}
.direita{
position: fixed;
right:20px;
top: 90%;
float: right;}
a.pagi, a.pagi:visited, a.pagi:active {
width: 50px;
color: #e76666;
text-decoration: none;
font-size: 20px;
font-family: courier;}
a.pagi:hover {
width: 40px;
color: #efe7eb;
text-decoration: none;
font-family: courier;}
<center><div class="esquerda">{block:PreviousPage}<a href="{PreviousPage}" class="pagi">Antes(Previous)</a>{/block:PreviousPage}</div><div class="direita">{block:NextPage}<a href="{NextPage}" class="pagi">Depois(Next)</a>{/block:NextPage}</div></center>No código acima, mude apenas o "Antes(Previous)" e o "Depois(Next)". Você pode trocar pelo simbolo falado acima, pelo nome que quiser, ou pode inserir uma imagem no lugar do nome.É isso. lembrando que se usar, avise.
0 comentários :
Postar um comentário