1 de out. de 2009

Menu de navegação por página

Se você quer algo a mais que o "Postagens antigas" e "postagens recentes" no Blogger, eis a solução. (ou soluções, pois farei uma série sobre este assunto)

Se quer este modelo, siga as instruções.




Vá até o HTML de seu blog e clique em "Expandir odelos de widget", depois procure pelo seguinte código:

<b:include name='nextprev'/>

Agora troque-o por este código abaixo.
é aconselhável hospedar o código javascript abaixo e depois o substituir no código abaixo:
pager-script-v20.js


<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Ir" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">
var blogID = "6930401002504091490";
var home_page = "http://templateseacessorios.blogspot.com/";
var pager_max_main = 10;
var pager_first_text = "Primeira";
var pager_last_text = "Última";
var pager_prev_text = "Anterior";
var pager_next_text = "Próximo";
</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>


O código na cor vermelha deverá ser trocada pelo id de seu blog.

-Mas Elke, onde eu encontro esse tal de ID ????????????


Ah sim, é bem fácil, é este número na barra de endereços de seu blog quando você está na parte de editar configurações no blog. (parte de dentro do Blogger)



O código na cor verde deverá ser trocado pelo endereço de seu blog

O código em azul é do endereço do script que se quiser, vc poderá hospedar em um site (é aconselhável faze-lo)

Crédito: Catalog Tutorial

2 comentários:

  1. show de bola seu blog *---*
    ja usei o script no blog
    fico bacana
    vlw ai ^^

    ResponderExcluir
  2. cara vlw *-* unico site que axei o codigo com script 100% funcionau que da para mais de 1000 posts ! me ajudou muito ! obrigadooo

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube