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
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}
----------------------------------------------- */
.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: "»",
prevText: "«" }
</script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
<div class="clear" />
</div>
</b:includable>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«" }
</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>
<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.