5 de mai. de 2011

páginas númeradas


  • vá em desing > editas HTML > aperte ctrl f e pesquise por: ]]></b:skin>
  • Em cimado código sublinhado coloque:
.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;background: #cccccc;margin:0 2px;padding:5px;}.showpageNum a:hover {border: 0px solid #cccccc;background-color: #00ffff;}.showpagePoint {color:#333;text-decoration:none;border: 0px solid #cccccc;background: #00ffff;margin:0 2px;padding:5px;}.showpageOf {text-decoration:none;padding:5px;margin: 0 2px 0 0;}.showpage a {text-decoration:none;background-color: #cccccc;padding:5px;}.showpage a:hover {text-decoration:none;background:#00ffff;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#000;} 


(para mudar a cor, basta mudar os códigos em azul pelo código da cor desejada)

  • Após fazer isso, aperte novamente ctrl F e pesquise por: </body>
Em cima dele coloque o seguinte código:   <!-- Inicio do codigo de navegacao --><b:if cond='data:blog.pageType != &quot;item&quot;'><script type='text/javascript'>var pageCount=4;var displayPageNum=4;var upPageWord =&#39;Anterior&#39;;var downPageWord =&#39;Próxima&#39;;</script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/></b:if><!-- Final do codigo de navegacao -->
  • Pronto! Aperte em visualizar, se gostou salve o modelo, se não, aperte limpar edisões. BJOOS 

Nenhum comentário:

Postar um comentário