sexta-feira, 16 de setembro de 2011

Paginação Numerada


Editar HTML e procure por ]]></b:skin> Antes dela adicione:



.showpageArea {font-family:verdana,arial,helvetica;color: #000;font-size:11px; margin:10px;}.showpageArea a {color: #000;text-shadow:0 1px 2px #fff;font-weight: 700;}.showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #919106;-webkit-border-radius:3px;-moz-border-radius:3px;background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;}.showpageNum a:hover {border:1px solid #aeae0a;background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;}.showpageOf{margin:0 8px 0 0;}.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 #919106;background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;text-decoration: none;}




E Salva!  Depois  Vai em editar html e procure por </body> Antes dele coloque:




<!-- Inicio do codigo de navegacao --><b:if cond='data:blog.pageType != &quot;item&quot;'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord =&#39;&#39;;var downPageWord =&#39;&#39;;</script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/></b:if><!-- Final do codigo de navegacao -->




Inportante alterar o valor var pageCount=5; com o numero de postagens que vc tenha na home para fica ajusta sem erros.

0 comentários: