3

Paginação no blog


Que tal colocar páginação no blog? Dá um up no visual!!



Vamos até edital HTML - expandir modelo e procure por:

]]></b:skin>


Acima do código cole:


.paginator {
margin-top:60px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrsPgSs1LZZ6S_Z8D6QKcoLgRGaXzkVFLTBSYRFp75zcNVeOFWEG0BG6pZnrOFZPSfbcIvDc5uqDw6WjlwtFQVj6M2PyI4kSImlYrcAiNjzURCD08Kg4D6JAFEAJQvCZTMc7kNnTqPqU4/s1600/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}



Agora vá novamente em Ctrl+F e procure por:


</body>

Cole:

<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>


Onde está escrito: var postperpage=7; refere-se ao número de post por páginas e var numshowpage=6
refere-se ao número que será exibido por paginação.


Agora procure: 


 'data:label.url' }




Agora substitua por:


'data:label.url + &quot;?&amp;max-results=7&quot;'


O número 7 é o número de post por páginas ,altere de acordo com o gosto.
Prontinho!!



Cantinho Especial
Cantinho Especial

3 comentários:

Unknown

Olá amiga, vim te desejar um ótimo fim de semana!!
Beijos!
Telva Tanajura

Bel Amaral

Oi querida amiga, vim retribuir a visita e buscar o meu selinho, desculpe a demora tá, é ki eu andei passeando um pouco e não deu pra entrar na net antes.
bjossss!
Bel

Patricia Leite Alves Carbone

oi o emu none é patricia e gostei muito do seu blog assim que puder deixe seu recado no meu é http://patyfloresdeeva.blogspot.com.br

Me trazem visitas


compartilhe no orkut

Loading

Tradutor


Post recentes

Últimos Comentários

Vamos conversar?


Minhas Músicas

!-- BEGIN CBOX - www.cbox.ws - v001 -->

Post