01 dezembro 2011

Links do blog com fundo colorido!

Oi meninas, hoje vou ensinar um tutorial muito fácil, e que deixa os links do blog bem fofos, e combina com o tipo o template no modelo revista! com aquele designer colorido e bem descolado, na minha opinião se eu colocasse no meu iria ficar estranho não concordam? lembrando que eu aprendi o tutorial nesse blog "aqui" mas o tutorial é do "Ecleticus" , bom chega de blábláblá e vamos ao tutorial. clique em leia mais para ver o tutorial.

bom primeiro os links ficaram assim:


pronto agora que vocês viram como vai ficar vamos começar. 

Vá em Designer > Editar HTML  > Dê Ctrl + F  e procure pelo código: 

.post-footer {
Deve estar assim:
.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}
Logo depois da chavinha em vermelho, coloque o código abaixo:
.post-footer a{
color:#FF1493;
background: #FFFF00;
text-decoration:none;
}
.post-footer a:hover{
background: #FF1493;
color: #FFFF00;
text-decoration:none;
}

Entenda:
 #FF1493 - Refere-se a cor do marcador
 #FFFF00 - Refere-se a cor do fundo do marcador
 #FF1493 - Refere-se a cor do link quando passado o mouse
 #FFFF00 - Refere-se a cor do fundo quando passado o mouse

depois de mudar as cores pela de sua preferencia, visualize para ver se está tudo ok, e depois salve! beijos pra vocês..

Uma coisinha aqui.. estou desde 9:00 horas da manhã conversando com a Luanara Singlindes do blog Fashion Scream , ela é uma fofa (Risos) ela está fazendo o designer do blog dela ... surpresas pra vocês mais eu já sei as cores a serem usadas. (Risos), é tão bom conversar com ela, ela já é uma melhor amiga para mim, só tem uma diferença é amiga-virtual mais não deixa de ser amiga né? agente conversamos bastante e ainda estamos conversando, (segredos haha) confio nela. bom estou ficando por aqui! beijos pra vocês e muita boa sorte para o blog de vocês, não esqueçam de comentar aqui. :)
Comentários
14 Comentários

14 comentários:

  1. Estava precisando deste tutorial para um layout que vou fazer anw obrigada viu ? u.u

    Cada comentário seu eu fico muito feliz haha.
    Volte sempre [:

    Beijos.
    Moda Amazing || Extras Amazing Fame - Visita ?

    ResponderExcluir
  2. Adorei o tutorial, dá um charme a mais, né?
    Ah, adoooro o Fashion Scream, a Luanara deve ser uma fofa!
    Gostei muito so seu blog, e já estou seguindo!
    Agora posso te pedir um favor? Sei que é chato, mas é meu sonho, se puder, vai no http://ianapaulinhaaaa.blogspot.com/2011/11/comecaram-as-votacoes-corre.html e vota no Cantinho da Gabiih ? Pode votar com conta do blogger, conta do twitter e do yahoo.
    Se você quiser, retribuo favores!
    Beijoos.. Agradeço desde já!

    Se puder seguir: Cantinhodagabiih.blogspot.com

    ResponderExcluir
  3. Desculpa flor,
    nem tinha percebido.
    não foi intencional :/
    ja te recoloquei. ainda quer ser afiliada?

    http://bloportalteen.blogspot.com

    ResponderExcluir
  4. que gracinha, gostei =) bjs
    www.girlstylish.com

    ResponderExcluir
  5. Olá gostaria de saber se você faz designs para outros blogs e quanto custa a faixa de preço.
    Aquardo retorno, me responde no meu e-mail :
    s.a.taina@hotmail.com
    Beijos

    ResponderExcluir
  6. fica bem fofo o link assim, mas não sei, não acho que ficaria legal no meu blog
    vou seguir de volta, obg pela visita
    bjs
    http://s2juuh.blogspot.com/

    ResponderExcluir
  7. Legal o tutorial mas acho que ficaria estranho no meu!
    o que você acha?
    beijos
    http://www.manahatori-teengirls.blogspot.com/

    ResponderExcluir
  8. EI COMO ISSO ACONTECEU?
    É UMA MERDA MESMO!!!!!!!!!!!!!!!!
    TENTA RESTAURAR PORQUE EU EXCLUI UM DOS MEUS E ELE SEMPRE PERGUNTAVA QUE QUERIA RESTAURAR...
    VOU MANDAR TUAS FOTOS E VOU MANDAR UMAS BEM CUTE QUE ACHEI...SE EU BOTAR NO MEU TU PEGA???
    NO BLOG TESTE 02??
    XAUU!!!
    MAIS UMA COISA VER SE TU CONSEGUE O CÓDIGO PARA COLOCAR O NOME 'COMETÁRIOS' NO MEIO E EMBAIXO DO POST COMO DE COSTUME, VI EM UM BLOG E FIQUEI CURIOSA TENTEI MAIS SEMPRE DAVA ERRO!!!

    ResponderExcluir
  9. Ouwn *-* obrigada amor >< sério, mais o mundo blogueiro meio que mudou mesmo. Sobre o layout incomodei sim vai, obrigada espero que tenha valido a pena ficar cmg no msn até as 10 30 da noite esperando *-* http://fashionscream.blogspot.com/

    ResponderExcluir
  10. Séerio tenho certeza que você leu a minha mente, tava louquinha para ver como se fazia isso, mas não encontrava em nenhum blog.
    Post novo: Girl Teen - Comenta?
    Votações do Concurso: Seu blog + Divulgação

    ResponderExcluir
  11. Oii, desculpa a ausência aqui.
    Adorei o tutorial, é muito útil.
    O novo lay do blog ta perfeito, eu amo a Avril e essas cores se destacaram muito e tiveram muito a ver com o nome do blog.

    Beijos!
    www.meianoiteequinze.blogspot.com

    ResponderExcluir
  12. O efeito hover não está funcionando. Pode me ajudar ?

    ResponderExcluir

- Fique a vontade para comentar, mas seja sempre educado(a)
- Seu comentário precisa ser relacionado com o assunto do post, caso não seja use a Cbox AQUI :)
- Não falar palavrões e não ficar criticando.
- Se for dar sugestões que seja para a melhoria do blog.
- Quer Parceria? então siga meu blog e coloque meu banner e me avise.
- Deixe a URL do seu blog para que eu possa retribuir.
- Não precisa pedir pra seguir que eu vou.
- ah e Não participo de concursos,e tags NÃO INSISTA!