código para numeração de páginas , muito fácil...!...
18:28 flo 0 Comments Category : blogger , dicas , gadget , numeração de páginas , tutorial , widget
Tutorial:
Código para numeração de páginas ,
no seu website/blog...!...
Este código, criei
para que
a pessoa não tenha muito trabalho de instalar!
demontração, clique aqui
Passo a passo:
Logado no painel blogger,
clique em adicionar gadget
e
aparecerá um janela ,
e você clicará em
▼
HTML/JavaScript
Adicionar funcionalidade de terceiros ou outro código a seu blog.
Por Blogger
daí,
...no "lay-out" (HTML/JavaScript)
de seu template,
...copie
e
cole,
o código a seguir
▼
<style type="text/css">
/*-------- Start paginas numeradas by ebds-----------*/
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:12px;margin:10px}
.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:800}
.showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:3px solid #006400;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ffff00 url(http://4.bp.blogspot.com/-R0vDb7Udm2g/UaqTlRPjiaI/AAAAAAAASRA/ZUFyLk905yw/s1600/3x75+ebds+bg+pagina%C3%A7%C3%A3o.jpg) 0 -50px repeat-x;color:#000;}
.showpageNum a:hover{border:1px solid #ff6600;background:#ffff00 url(http://4.bp.blogspot.com/-R0vDb7Udm2g/UaqTlRPjiaI/AAAAAAAASRA/ZUFyLk905yw/s1600/3x75+ebds+bg+pagina%C3%A7%C3%A3o.jpg) 0 -25px repeat-x}
.showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:3px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ffff00 url(http://4.bp.blogspot.com/-R0vDb7Udm2g/UaqTlRPjiaI/AAAAAAAASRA/ZUFyLk905yw/s1600/3x75+ebds+bg+pagina%C3%A7%C3%A3o.jpg) 0 -50px repeat-x;}
.showpagePoint{color:#fff;text-shadow:0 1px 2px #00ff00;padding:3px 8px;margin:2px;font-weight:800;-webkit-border-radius:3px;-moz-border-radius:3px;border:3px inset #006400;background:#ffff00 url(http://4.bp.blogspot.com/-R0vDb7Udm2g/UaqTlRPjiaI/AAAAAAAASRA/ZUFyLk905yw/s1600/3x75+ebds+bg+pagina%C3%A7%C3%A3o.jpg) 0 0 repeat-x;text-decoration:none}</style>
<script style='text/javascript'>
var numshowpage=7;
var postperpage =6;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='https://sites.google.com/site/scriptsedilenebds/scripts/scripts-paginas-numeradas/paginabloggerebds.js'></script>
Pronto!
Visualize!
Estando tudo certo
Salve!
