Navegação Personalizada

   Olá pessoal! Vocês também foram para a escola hoje? eu sempre vou na escola com o receio de nehum amigo meu ir, e eu ter de ficar sozinha, porque, convenhamos, ficar sozinho na escola é horrível! Acho que com todo mundo é assim - haha' Mas sempre tem aquele seu amigo desgraçado que falta e você é obrigado a ficar sozinho!
    Hoje eu trouxe um tutorial de personalização de layout da tia Camila do Camila's Designs que ensina como mudar a navegação do blog, não por imagem, mas por Símbolos. É um tutorial bem útil - inclusive uso ele em todos os meus Layouts - e bem fácil. Válido para todos os modelos do Blogger.

  Colocando os Símbolos:
    Vá no no seu Editor HTML - Modelo > Editar HTML - Dê CTRL+F e procure por <data:newerPageTitle/> 
> Esse trecho equivale ao link de postagens mais  recentes
    Apague e cole no lugar : « 
   Agora procure por <data:olderPageTitle/>
> Referente ao link de postagens mais antigas
    Apague e cole no lugar: »
   agora procure por <data:homeMsg/> e substitua pelo símbolo que quiser.
Personalizando os Símbolos:
>Modelo viagem e demais - Menos minima!
   Procure pelo trecho ]]></b:skin> e acima desse trecho cole:

#blog-pager {
clear:both;
text-align: center;
margin-top:5px; /*margem acima das setas, altere se necessário*/
}
#blog-pager a:link, #blog-pager a:visited { /*configuracao das setas visitados*/
color:#COR; /*cor das setas*/
font-family:Georgia;
font-size:00px; /*tamanho das setas*/
}
#blog-pager a:hover { /*configuracao das setas em hover*/
color:#COR; /*cor das setas ao passar o mouse*/
}
#blog-pager-newer-link { /*configuracao do posicionamento da seta esquerda*/
float:left; /*posicionamento a esquerda do link/seta para postagens recentes, nao altere*/
}
#blog-pager-older-link { /*configuracao do posicionamento da seta direita*/
float:right; /*posicionamento a direita do link/seta para postagens antigas, não altere*/
}
modifique o necessário e vizualiza para ver se deu tudo certo!
Beijos, LeaH 

Um comentário:

Matsui Nagano disse...

Acho esse tuto super util, e sempre uso ele <33

ha-unting.blogspot.com

Postar um comentário

Oie, pode comentar a vontade, mais antes siga as regras.

- Não é permitido usar palavras insultantes.
- De criticas construtivas!
- Aceito "segue de volta", mas comente sobre o post primeiro né!
- Tem vaga para afiliados é só pedir!
- Deixe o link do seu blog para eu retribuir a visita!!!
Bjs ♥

Algumas fofuras para você usar:
ッ ≧✯◡✯≦ ≧^◡^≦ :[ ✿◕ ‿ ◕✿ ➳♥ ❣ ☜♡☞❤ ❥ ❦ ❧ ♡ ✗ ✘ ⊗ ♒ Ω ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ✦ ✧ ♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃