Paginas Numeradas

Yo galera, varias pessoas me pediram para trazer a como colocar as paginas numeradas no blogger. Então vamos lá.

Procure por:
/* Pagenavi
----------------------------------------------- */
.pagenavi{
clear:both;margin:10px auto;text-align:center
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#ff8a8a;color:#fff;text-decoration:none;}
.pagenavi .pages,.pagenavi .current{
font-weight:bold}
.pagenavi .pages{border:none}

Caso esteja usando o modelo antigo do blogger Procure por:
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Caso esteja usando o novo modelo do blogger Procure por:
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Abaixo desse codigo cole:
  <b:includable id='page-navi'>
  <div class="pagenavi">
  <script type="text/javascript">
  var pageNaviConf = {
  perPage: 5,
  numPages: 5,
  firstText: "First",
  lastText: "Last",
  nextText: &quot;&#187;&quot;,
  prevText: &quot;&#171;&quot; }
  </script>
  <script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
  <div class="clear" />
  </div>
  </b:includable>

Agora procure por:
 <!-- navigation --> <b:include name='nextprev'/>

TAgora substitua o codigo encontrador por:
  <b:if cond='data:blog.pageType == "index"'> <b:include name='page-navi' />
  <b:else/>
  <b:if cond='data:blog.pageType == "archive"'>
  <b:include name='page-navi' />
  </b:if>
  </b:if>

Fonte: DOB

0 comentários:

PARTICIPE DO SITE. DEIXE A SUA OPINIÃO.