• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

29 de outubro de 2012

Personalizando início, postagens mais antigas e próxima

Tumblr_m1pi6exuk81qfcxpoo1_500_large

Hollaa!
Primeiramente...parabéns pra Hannah que tá fazendo niver hoje, e segundamente, trouxe hoje um tutorial super legal pra vocês, aa e eu estou me achando ausente, tudo bem que não tô ausente de tantos dias mais...é que sempre dou uma visitinha aqui no blog mais é que ultimamente tenho jogado Love Ritmo que é um jogo hiper legal, vamos ao tutorial?
Antes de vocês colocarem Leia mais quero dizer que aprendi esse tutorial aqui e quem não sabe como fica o resultado, o resultado fica igual o do Farry Teen esse efeito fica muito bonito e é facil, vamos aprender?

No html do seu blog, procure por #blog-pager { , depois acima dessa tag cole o código abaixo:


/* Navegação com efeito hover degradê - http://goimagines.blogspot.com.br */

#blog-pager {
clear:both;
text-align: center;
margin:0px auto;
padding:10px;
}
#blog-pager a:link, #blog-pager a:visited{
color: #ffffff; /* cor da fonte */ 
font-size: 16px; /* tamanho da fonte */ 
padding:5px;
background-color: #8BC2C9; /* cor do fundo */ 
-moz-border-radius:10px; /* bordas arredondas, apague se não quiser */ 
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#blog-pager a:hover{
color: #ffffff; /* cor da fonte hover*/ 
padding:5px;
background: #BFCED5; /* fundo hover, apague o código abaixo até } se não quiser degradê */ 
background: -webkit-gradient(linear, left top, left bottom, from(#BFCED5), to(#8BC2C9));/* webkit browsers */
background: -moz-linear-gradient(top, #BFCED5#8BC2C9);/* firefox3.6+ */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BFCED5', EndColorStr=' #8BC2C9');/* IE */
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
Edite as cores como você quiser de acordo com essa tabela de cores

Beijos!


13 comentários:

  1. Respostas
    1. vdd né...sempre quis fazer isso! vlw megan!

      Excluir
  2. Simples e facil! Olá eu sou do Jc help (afiliado)
    Então o blog está fechado para reforma, então se eu parar de comentar, é por causa disse, mas não me tire dos afiliados, eu irei coltar logo >.<

    jc-help(.blogspot.com.br)

    ResponderExcluir
  3. Oi, retribuindo a visita :D Adorei o lay do blog e seu blockquote é muito lindo :D Beijinhos de chocolate ♥

    ResponderExcluir
  4. Dá um charme a mais ao blog.

    overdosedeloucura.blogspot.com

    ResponderExcluir
  5. O efeito fica lindo :) Ah, seu blog está divo (invejinha... hihihihihi')
    Beiijos.
    oblogdablogueira.blogspot.com.br

    ResponderExcluir
  6. Adorei o tuto,é bem legal.

    Beijos
    Amora Ruffles

    ResponderExcluir
  7. O meu deu certo , mais as ribbons do blog despareceram , vou tentar arrumar

    ResponderExcluir
  8. OOOO bem que vc podiam mudar essa seta n consigo mexr em nd

    ResponderExcluir
  9. oie não consegui achar o codigo me ajuda por favor amei esse tuto

    ResponderExcluir