menina atrevida: Tutorial-Página Numerada.

26/07/2013

Tutorial-Página Numerada.

AndreaJimenez | via Tumblr
Oiii voltei com um post de tutorial...teve um tutorial que eu ensinei como aumentar o tamanho do videio e vi que algumas pessoas gostara..nesse tutorial ele é bem simples mais que deixa o seu blog super fofo e organizado(por que uma coisa que eu odeio é ver blog desorganizado)...vamos ver como é?

Primeiramente adicione um gadget HTML/JavaScript e nele cole:

<style type="text/css">
/*-------- Start paginas numeradas by www.dicasblogger.org -----------*/
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-size:12px; font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{font-size:12px; color:#000;text-shadow:0 1px 2px #fff;font-weight:700}
.showpageNum a{font-size:12px; padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;font-size:12px; background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz0V8NTbv_ofrSzBAXa_nGCgahZ5Qqx0n1SdLygMVDKDYkXyh8wXcmaUCVT_MqxyhVysww2lZOPrEqmSTV1yjl2Wgw9pFgKqcCwKXj08lUPCqsUzk0D1rYam21ZoO2QlQmaYYLTl0XjzU/s1600/wp1.jpg) 0 -50px repeat-x;color:#000;}
.showpageNum a:hover{font-size:12px; border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz0V8NTbv_ofrSzBAXa_nGCgahZ5Qqx0n1SdLygMVDKDYkXyh8wXcmaUCVT_MqxyhVysww2lZOPrEqmSTV1yjl2Wgw9pFgKqcCwKXj08lUPCqsUzk0D1rYam21ZoO2QlQmaYYLTl0XjzU/s1600/wp1.jpg) 0 -25px repeat-x}
.showpageOf{font-size:12px; margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999; background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz0V8NTbv_ofrSzBAXa_nGCgahZ5Qqx0n1SdLygMVDKDYkXyh8wXcmaUCVT_MqxyhVysww2lZOPrEqmSTV1yjl2Wgw9pFgKqcCwKXj08lUPCqsUzk0D1rYam21ZoO2QlQmaYYLTl0XjzU/s1600/wp1.jpg) 0 -50px repeat-x;}
.showpagePoint{font-size:12px; color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;border:1px solid #999;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz0V8NTbv_ofrSzBAXa_nGCgahZ5Qqx0n1SdLygMVDKDYkXyh8wXcmaUCVT_MqxyhVysww2lZOPrEqmSTV1yjl2Wgw9pFgKqcCwKXj08lUPCqsUzk0D1rYam21ZoO2QlQmaYYLTl0XjzU/s1600/wp1.jpg) 0 0 repeat-x;text-decoration:none}</style>
<script style='text/javascript'>
    var numshowpage=7;
    var postperpage =3;
    var upPageWord="Anterior";
    var downPageWord="Próxima";
    var home_page="/";
    var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script>

Partes demarcadas podem ser personalizadas.
numshowpage=7; - Quantidade de páginas que será exibida.postperpage =3; - Número de postagens que aparecerá por página.

Esse script é do blog Dicas Blogger e está apenas um pouco adaptado. Você deve deixar o gadget HTML/JavaScript abaixo da postagens do blog ok? Pronto! Aí está seu blog com páginas bem mais fácil do que você imaginou!

Um comentário :

  1. Oi flor tem um selinho la no blog pra você!!
    bjs


    http://adoletafun.blogspot.com.br/2013/07/selinhos-versatile-blogger-award.html

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...