quinta-feira, 3 de novembro de 2011

Como adicionar páginas no blogger?





32b83fd11b6c_large


Na sua página de Html aperte as teclas Ctrl+F ou F3 e pesquiser por:
]]></b:skin>


acima dele coloque esse código:

.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; /* Cor do fundo não selecionado
 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/AVvXsEg3oLNsaXNl-BWWKyyaRE8bDITcqfp2FhoCUZ9hMMQpqUl9fQ4lOEUw9i3JeDTmaPkutzula_S2QFeG9YVhYpOjx5-07arD2f7LFrj-eGlVofTk04wT1qqTUCnLX5JTwXX3ioEdt5073PA/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;
}


novamente pressione as teclas Ctrl+F ou F3 e pesquiser :

</body>

e em cima dele coloque o código abaixo :

<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; /* Número de páginas
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>


Infelizmente os números são grandes ainda não descobri como diminuir :/ caso descubra falo para você :)

Confira também:

Como adicionar páginas no blog 1
Como colocar páginas numeradas no blog 2
Como colocar numeração nas páginas do blog 3

Beijinhos .

6 comentários:

  1. Oi, desculpe pela ausência aqui, fiquei sem tempo para visitar alguns blogs.
    Adorei e aqui ta cada vez mais lindo.
    Amei o tutorial, talvez usarei no próximo layout, com créditos, é claro.
    Tem post novo no MN & 15, se gostar do assunto, comenta?

    Beijos, Fernanda.
    Blog || Twitter

    ResponderExcluir
  2. Olá =)

    Sempre com boas dicas hein!
    Estava olhando as postagens antigas,e tem bastante coisa interessante,bastante código html.Parabéns!

    Beijos^^

    http://girlsupimpa.blogspot.com/

    ResponderExcluir
  3. Ual que tutorial perfeito , estava atrás de como aprender a fazer isso , valeu mesmo me ajudou , tem post novo no meu blog , se der passa la
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  4. Eu preciso dar uma organizada no meu blog,
    está mais do que na hora... hehehehe

    beijinhos

    ResponderExcluir
  5. oi agnes passa lá no meu blog tem posts novos e novo layout preciso da sua opnião
    blogvouconfessar.blogspot.com

    ResponderExcluir
  6. Caramba! Nunca tinha visto esse! Adorei *-* quando eu for mudar o design do meu blog denovo vou tentar usar esse *-*

    beijos

    http://overmyhead15.blogspot.com/

    ResponderExcluir

Olá! Obrigada pela sua visita e comentário♥

Leia também:

Subir