Image Map

Coloque páginas numeradas no seu blog

|
Tumblr_lt8jkseerx1qm58blo1_500_large
Aprenda a colocar páginas numeradas no seu blog, é totalmente personalizável. Ficará similar a imagem abaixo.
A maioria dos tutoriais que você encontrar para colocar isso no seu blog, não te ensinará como trocar o fundo cinza, o que é muito fácil, e deixa suas páginas numeradas muito mais bonitas.
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
]]></b:skin>
E ACIMA dele, cole:
.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;
}
Observação: Na parte grifada de azul, aconselho a vocês a mudarem para alguma cor CLARA, como por exemplo branco, bege ou então manter o cinza. Isso será o fundo das suas páginas.
Na parte em vermelho, você poderá alterar para a cor que você quer que dê um "destaque" nas suas páginas.
E para mudar é só trocar os códigos coloridos pelo código de cor que vocês desejam colocar. Aqui você encontrará vários.
2- Aperte novamente CTRL+F e procure por:
</body>
E ACIMA dele cole:

<!-- 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 -->

Lembrando que se você usa algum tutorial aqui do blog, comente, queremos ver  o resultado *-*
Ps: Se você quer que as suas páginas numeradas, fiquem com o formato da foto lá do começo do post,  vocês deverão alterar a fonte do blog de vocês. Sugiro Tahoma, tamanho 10,5.

28 comentários:

Emily Caroline disse...

Eu também modifiquei o meu, rs. Beijos!

Milláh disse...

eu fiz e ficou lindo, amei o seu blog já estou seguindo, me faça uma visita tbm, se gostar segue?
bjs

http://milla-notciasteen.blogspot.com/

Igor Lucas disse...

Qee lindo o blog , seguindo aqui segue lá tbbm
http://meninoteen.blogspot.com/

Erica Lima disse...

Funcionou *o*
Soh que ele é meio 'lerdinho' suahushaushaus
1bj♥

http://garotasederivados.blogspot.com/

lia disse...

Usei =) muito bom ^^

Anônimo disse...

Funcionou! e eu adorei!

WE LOVE IT disse...

não consegui fazer! eu poderia usar o seu fundo? se não só me avise no meu blog: trechygirltutoriais.blogspot.com
beijos!

Mariana Vieira disse...

Funcionou *-* Obrigada! http://caradenuvem.blogspot.com/

Juliana Pardim disse...

Deu super certo, visita lá :) obg pelo tuto!

http://blog-sweetdream.blogspot.com/

Anônimo disse...

Irei usar este tutorial!

Anônimo disse...

amei super usei, alias uso quase todos *-*
iwantonlyou.blogspot.com

Anônimo disse...

Estou usando este tutorial no meu blog...Ficou muito mais prático e fácil!!!Adorei.

Cecília Santana disse...

usando :)

Bruna ,* disse...

Eu modifiquei e ficou melhor!

Ísis Moullin disse...

no meu blog não ficou igual ao exemplo, porq?

Débora Evelyn disse...

Ficou perfeito ! Ameei o resultado ... :)

AlmostFashion-blog.blogspot.com

Ingrid Sakamoto dos Santos disse...

Meu blog ficou mais bonito com esse tutorial, Adorei seu blog bem feito e escrito, estou seguindo segue de volta ?

http://ingridsakamotodossantos.blogspot.com/

Anônimo disse...

Meu blog ainda tá no começo, mais acho que ficou bom, não vi se ficou lindo porque nao postei nada, mais deve ficar divo *-* adoradorasdelivros.blogspot.com

Anônimo disse...

tô usando
bjs

Thatianaa disse...

Olá, depois de um século eu consegui acahar um tutorial fácil ! uffa consegui !!!

Obrigada e beijos *-*

http://esmalteecriatividade.blogspot.com/

Lucas S. disse...

Tutorial perfeito!
è dificil achar tutorias de numeração de paginas.
darkdesignss.blogspot.com

Thifany Gonçalves disse...

Nossa, eu amei, fiz no meu blog e ficou perfeito!
Parabéns pelo tutorial!!
Beijos

http://thifanygrgomes.blogspot.com/

Léo disse...

No meu não funcionou :( Só ficou com as páginas, como s fosse um link escrito. Noa ficou nem com o fundo nem com o quadrado

Hellen Rovesse disse...

amei. alltheglamorous.blogspot.com

Unknown disse...

Usei. (:

Unknown disse...

sem dúvidas to usando... fica lindo *-*

ideia-morta.blogspot.com

Unknown disse...

aaaaaaaaaaaaaaaaaaaaaaaameiu!!!!!!!

Tamiris Sindice disse...

aaaaah, eu tentei mais nem consegui :/
www.tamirissindice.blogspot.com