domingo, 7 de agosto de 2011

Tutorial:Páginas numeradas no blog

Oi menina já tem um tempão que eu não posto nenhum tutorial, hoje resolvi postar um bem simples e útil!É uma ferramenta desinteressantíssima , que facilita muito a navegação dos leitores no blog, vamos ao tutorial.


- Vá em Design > Editar HTML
- Marque a caixinha Expandir Modelos de Widgets
- Aperte Ctrl+F e procure por
]]>


- Quando achar, cole ANTES dele o seguinte código:


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


- Agora aperte Ctrl+F de novo e procure por esse código:

- Antes dele cole esse código:

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script&gt;

Qualquer duvida pergunte pelos comentarios!Beijocas.
Creditos:Tutorizar

0 comentários:

Postar um comentário