Image Map

17.9.13

Efeito para Afiliados II


Olá meus lindos!

Como vocês estão? Tenho algumas novidades para dizer e uma delas é a seguinte: Adivinhem em que blog estarei sendo postadora?! No Kawaii World, da Kaorii. Eu sempre quis postar lá sabe, mas nunca acreditava que realmente poderia ser postadora dele. Até que um dia, mais especificadamente ontem, ela perguntou num grupo se alguém queria ser postador, eu fui lá e comentei que queria, e a Kaorii foi e me aceitou. Fiquei tipo, OMG, nem acreditei ahahaha. Vocês devem ver um post meu por lá na quinta feira, provavelmente de manhã. O bom é que é apenas uma vez na semana, então não fica nada apertado pra mim. Então, comentem meus posts lá viu? skapska. Mas eu tenho um pouco de medo dos leitores dela não gostarem tanto de mim. :\ Enfim, espero que tudo dê certo! ~(・∀・)ノ

Tinha perguntado se vocês gostariam de algum post específico por aqui. Algumas pessoas comentaram e me deram boas ideias. Obrigada pela participação, dessa vez vocês me ajudaram para eu ajudar vocês. Assim posso ver que é nada mais, nada menos que uma retribuição de favores, onde vocês me ajudam e eu ajudo vocês :). Hoje trouxe um efeito que pode ser usado nos afiliados do blog, foi pedido pela querida Juu, que sempre comenta aqui. É o mesmo que uso na minha foto do primeiro gadget, mas pra vocês verem um preview na imagem um pouco menor é só clicar aqui. Ele foi feito por mim, então se quiserem repassar peço que creditem.

Vá até o seu HTML e procure por ]]></b:skin>. Depois que achar cole o seguinte código acima dele.

/***** EFEITO AFILIADOS POR GOODS-SWEETS.BLOGSPOT.COM ******/
.pb {
 -webkit-transition-duration: .90s;
 border: 4px solid #fbf5ff; /***** COR DA BORDA ******/ 
}
.pb:hover {
 -webkit-transition-duration: .90s;
-webkit-filter: grayscale(85%);
 -border-radius:180px 180px 180px 180px;
-moz-border-radius: 180px 180px 180px 180px;
-webkit-border-radius: 180px 180px 180px 180px;
border: 4px solid #fbf5ff; /***** COR DA BORDA EM HOVER ******/  opacity: 0.8;
 cursor: crosshair;
}

Recomendo que mude apenas o que foi destacado. Para finalizar, abra um gadget de javascript e cole o seguinte:
 <a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>

No código explica o que é pra fazer. Espero que tenham gostado, um beijo e até mais!

18 comentários:

  1. oi ingrid, quero um cabeçalho da banda rbd com o elenco e o nome União RBD, e fundo transparente , poderia fazer isso pra mim ?

    ResponderExcluir
    Respostas
    1. Só faço pedidos que sirvam para todo mundo. Ou seja, não faço individualmente :\ Desculpa

      Excluir
  2. Divosa, muito obrigada =D Vou usar no próximo layout e creditarei, ok? ♥ Muito obrigada por postar, estava precisando :3

    OMG, tu que é a Ingrid do KW? Sortuda, parabéns \o\ Eu achei que fosse outra, UHAHUASUH' -q

    Beijão na testa xD,

    Juu-Chan do Nescau com Nutella >o< ( clique no link )

    ResponderExcluir
  3. Adoro este efeito! Talvez eu use no meu próximo layout :)

    Kissus,
    Mahh | While It

    ResponderExcluir
  4. Oi dnovo, descupa por todos os pedidos q fiz, eu queria ajudar pro lay tbm, sera q pod fzr isso por mim ?

    ResponderExcluir
  5. Omo! Irei lhe ver no KW então <3
    Vou usar no próximo layout, muito simples e lindo o efeito <3

    Sweet Geek || Clique no Perfil

    ResponderExcluir
  6. adorei!

    http://the-midnight-memories.blogspot.com.br/

    ResponderExcluir
  7. realmente adorei o efeito.
    talvez um dia o use
    querosabertudo-k.blogspot.com

    ResponderExcluir
  8. Amei demais o tutorial! ♥
    Beijos sdd ><
    brilhan-tina.blogspot.com

    ResponderExcluir
  9. Eu amei esse efeito, na boa ♥
    Assim como amei o blog, HAHA ♥
    Estou seguindo ele já, poderia seguir o meu também?
    Ah, e você quer ser minha afiliada? ♥
    ~Espero sua resposta,
    Beijos, ♥

    http://cupcake-of-happiness-blog.blogspot.com.br/

    ResponderExcluir