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!
adorei o tutu, fica muito lindo *.*
ResponderExcluirvdd né...sempre quis fazer isso! vlw megan!
ExcluirÓtimo tuto, o resultado fica perfeito! *O*
ResponderExcluirMeu Mundinho Colorido
AAAMEEEI ><
ResponderExcluirBeijos :3
- Birthday Cake
Simples e facil! Olá eu sou do Jc help (afiliado)
ResponderExcluirEntã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)
Oi, retribuindo a visita :D Adorei o lay do blog e seu blockquote é muito lindo :D Beijinhos de chocolate ♥
ResponderExcluirDá um charme a mais ao blog.
ResponderExcluiroverdosedeloucura.blogspot.com
O efeito fica lindo :) Ah, seu blog está divo (invejinha... hihihihihi')
ResponderExcluirBeiijos.
oblogdablogueira.blogspot.com.br
Adorei o tuto,é bem legal.
ResponderExcluirBeijos
Amora Ruffles
super útil!
ResponderExcluirO meu deu certo , mais as ribbons do blog despareceram , vou tentar arrumar
ResponderExcluirOOOO bem que vc podiam mudar essa seta n consigo mexr em nd
ResponderExcluiroie não consegui achar o codigo me ajuda por favor amei esse tuto
ResponderExcluir