Oi!
Trouxe hoje um tutorial que achei no Cherry Bomb, e pretendo aplica-lo no próximo lay do blog:
Como colocar páginas numeradas no rodapé:
Assim é que vai ficar o resultado:
Vá no HTML do seu blog,
Marque a caixinha "Expandir Modelos de Widgets"
E procure por ]]></b:skin>
Cole antes disso, o código abaixo:
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333; /* COR DO TEXTO /*
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc; /*COR DE FUNDO DO "PRÓXIMO"/*
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff; /*COR DE FUNDO DO "PRÓXIMO" SELECIONADO/*
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333; /* COR DO TEXTO /*
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc; /*COR DE FUNDO DO "PRÓXIMO"/*
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff; /*COR DE FUNDO DO "PRÓXIMO" SELECIONADO/*
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}
No próprio código tem as instruções de onde você deve alterar, lembrando que as cores tem que ser em códigos hexadecimais (#000000).
Vocês podem encontrar as cores na Tabela de cores da web aqui
Agora vamos a segunda parte do código. Procure por </body> no seu HTML e cole acima disso esse código:
<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->
Não altere nada! Visualize se funcionou e salve.
Qualquer dúvida, comente!
----------------------------------------------------------------------------------------------------------------------
2ª parte
E aí prontos para me ajudar de novo? espero q sim kk'
Looks:
Look 1
Look 2:
Look 3:
Enquetes:
Que música?
Votar
Ver resultado
Qual look?
Votar
Ver resultado
Ver resultado
Beijinhos!
Laís
Oi flor, já coloquei sue banner lá, beijocas pinksecrety.blogspot.com
ResponderExcluirOii fofis,seu blog é lindinho viu?Adorei o tutorial,já está lá no pacotão que eu vou postar,não se preocupe,está com os devidos créditos.Beijos e parabéns pelo trabalho♥
ResponderExcluirhttp://www.viciadasemcupcake.blogspot.com.br/
Oiii linda!! Também ADOREII seu blog!! Fiquei super feliz com seus elogios,seu comentário e principalmente por estar seguindo o Viciados na Saga Crepúsculo!!Eu também sou uma fã louca da Saga,e sempre que posso posto lá.Óh: parabéns pelo blog,concerteza já estou seguindo e muito sucesso pra você,viu flor???
ResponderExcluirPassarei aqui sempre que puder! Ah,e votei nas enquetes :)
Bjinhosssss e não esquece de visitar!
http://viciados-na-saga-crepusculo.blogspot.com.br
ótimo tutorial e lindo os look's e nao poderia esquecer de falar desse desing que tá lindo amei arrasou *--*
ResponderExcluirhttp://pdisturbia.blogspot.com.br/
Oii, tudo beem, olha como prometido, já saiu o post exclusivo dos blog parceiros, o seu tá láa junto com um trechinho q eu escrevi sobre ele. Vê láa: http://girlsabout.blogspot.com.br
ResponderExcluirMil desculpas pela demora, Beijos, Giovana.
Gostei do tutorial,pena que não funcionou no meu blog.
ResponderExcluirhttp://i-teenbr.net.tc