Gadget páginas numeradas - Planeta Adriel

Gadgets Gadget páginas numeradas

Gadget páginas numeradas

Adriel Aires 16:29

Uma navegação mais agradável para seus leitores é o que não pode faltar. Com este gadget a navegão do seus leitores irá facilitar. Então, vamos aprender a como colocar páginas numeradas!

Para começar, acesse o Blogger e clique na aba Layout, adcionar gadget, HTML/javascript e adcione o seguinte código:

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 
12px;padding:10px 0;}#blog-pager-newer-link{float: 
left;}#blog-pager-older-link{float: right;}.Profile img{border:3px 
solid;float:left;margin:5px 10px 5px 
0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold
 20px/1.6em 
Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em
 0;}.profile-textblock{line-height:1.6em;margin:0.5em 
0;}a.profile-link{clear:both;display:block;font:80% 
monospace;padding:10px 
0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList
 h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link 
a,a.home-link,.showpageNum a,.showpage a{background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBQHvY_lYfNl7ceRuqXcgQhwDGm06-LkEPf-rAk0vB-_U6ej8GL0HRCVOWWVF4-FedizVnf0wg8v4LtGC7KoAEZQm7uG04WfnsdYw4i-QRTiDU8kWScLvFP8Y39HE63QVRxgPTzQFAObo/s1600/nav.jpg)
 repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 
10px 5px;text-decoration:none;text-shadow: 1px 0 1px 
#000;}#blog-pager-older-link a:hover,#blog-pager-newer-link 
a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum 
a:hover,.showpage a:hover{background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZUP2Gx_Pe6-NtgddcskqR9vVyJLPvAwsAdiQ9uW9hO7ZWtQCfdBMxvVDfTZa37it7mPWOvuVEU6IQjf8TXli19P_uHlH8zba9EgADoCkX021kYx4dHGJjbqy-eWK54mNJjqf7ieSMORc/s1600/nava.jpg)
 repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 
10px 5px;text-shadow: 1px 0 1px #000;}</style><script 
type='text/javascript'>var postperpage=10;var numshowpage=5;var 
upPageWord="Anterior";var downPageWord="Próxima";var 
urlactivepage=location.href;var home_page="/"</script><script 
src='http://code.helperblogger.com/hb-page-navi.js' 
type='text/javascript'></script>

Após ter feito isso, mova o gadget como mostra a imagem abaixo:

Salve e veja se deu certo. Pronto!
Gostaram da dica?

2 comentários

Write comentários

NTT (SOFILMESOLINE)

AUTHOR

28 de setembro de 2014 às 13:30 delete

tem como colocar nos marcadores tbm?

AUTHOR

30 de setembro de 2014 às 09:07 delete

Não é possível. Mas existem dois tipos de marcadores: Os normais (como uma lista) e os que utilizado aqui, em formado "nuvem".
Espero ter ajudado.

Regras:
Sem xingamentos e ofensas;
Sem palavrões e ameaças;
O comentário deve ter assunto relacionado com a postagem. ConversionConversion EmoticonEmoticon

Assinar: Postar comentários (Atom)