8 de dezembro de 2013

Efeito para Afiliados II - Borda.

||
Olá amores, tudo bem com vocês? Hoje eu acordei bem cedo, peguei o meu notebook, fiquei na minha cama comendo só mexendo pelas redes. Ainda tô morrendo com a dor no ombro, e na perna. Nunca some, santo cristo, quando essa tortura acaba? Bom, antes de começar, eu quero dizer que eu ia fazer uma página no facebook para o blog, porém eu pensei melhor e acabei fazendo um grupo. Primeiro porque no grupo todos podem publicar, ou seja, todos interagem melhor; segundo que é bem mais prático o grupo. O link do grupo é esse aqui, todos podem entrar, quando entrarem, adicionem mais gente e divulguem por favor, assim fica mais pessoas no grupo, mais pessoas, mais ajuda. 


Ok, eu tô muito feliz e ansiosa, eu já acabei o novo layout daqui, e eu quero colocar ele logo, mas ainda não passou o ano novo e natal. Ah que demora. Enfim, hoje eu trago para vocês um efeito para afiliados que eu fiz, eu achei bem legal. Ficou bem bonitinho, se quiserem ver cliquem aqui (efeito II - Borda no lado de cá <<). Gostaram? Se quiserem saber como usa ele, continue lendo.

Ele é bem simples mesmo, mas é bem fofo. Enfim, vá no painel do seu blog, modelo, editar HTML, clique nos código e aperte CTRL F, depois pesquise a seguinte tag: "]]></b:skin", quando achar, cole o seguinte código ACIMA dela.
/*------ Efeito para Afiliados - Borda (Etc For Me) ------*/
.borda {
-webkit-transition-duration: .105s;
border: 1px solid #eacff0;
-webkit-filter: sepia(1);
}
.borda:hover {
outline-offset: -5px;
-webkit-transition-duration: .105s;
outline: 1px dashed #f8f5f9;
-webkit-transition:All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-webkit-filter: none;
}
/*------ Efeito para Afiliados - Borda (Etc For Me) ------*/
Salve o modelo. Quando fizer isso, vá em layout, adicionar gadget, html/java script e cole o seguinte código fazendo as alterações que são pedidas:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a>
Bom, esse é o nosso gadget de afiliados dois. Se quiserem colocar mais afiliados, vão acrescentando mais do código de cima. Então foi isso amores, espero que tenham gostado, se quiserem colocar no seu blog esse "tutorial", me avisem antes e deem os créditos. Se usarem, comentem e deem os créditos. Até mais <3

21 comentários:

  1. Também sinto dores no ombro e muuuito na coluna D: mas é porque eu faço aula de dança e dói mesmo D:
    aaamei o tutorial ><

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Eu também danço. Haha, muito obrigada <3

      Excluir
  2. Que efeito lindo, gostei muito *00*

    htmlandresources.blogspot.com

    ResponderExcluir
  3. Bacana esse efeito :3
    http://basement-rock.blogspot.com.br/

    ResponderExcluir
  4. Posso participar do grupo?
    Amei o efeito *o* Ficou tão lindo com as bordinhas pontilhadas..

    http://maiira-t.blogspot.com/

    ResponderExcluir
  5. Que fofinho o efeito *--*

    Eu não vou entrar no grupo agora, se entrar no face não saio mais '-'

    ResponderExcluir
  6. Adorei o efeito!
    Adoro esses tracejados (em tudo!)

    Beijos,
    Ser Pedro ♥

    ResponderExcluir
  7. Eu achei o efeito ótimo <3
    Vou usar no meu lay novo u.u
    candytendy.blogspot.com

    ResponderExcluir
  8. Que efeito fofo :3 Gostei <3
    http://www.biiasecrets.com/

    ResponderExcluir
  9. adorei o efeito com esse tracejado
    bj
    wakeup-alone.blogspot.com.br

    ResponderExcluir
  10. Já entrei no grupo >3< Eu ainda nem comecei um novo layout, e tinha planos para troca-lo antes do Natal, pelo jeito, não vai dar certo :c
    O efeito se parece um pouco (lê-se muito) com um que tem no meu blog. A única diferença, é que o meu a imagem não possui nenhum filtro. Mas ok '-'

    Kissus ♡ ~ Psycho T.

    ResponderExcluir
    Respostas
    1. Eba :) Eu nunca consigo fazer um layout da certo. Sério? Eu sinto muito :( Eu não sei qual é o blog em questão, mas eu sinto muito.

      Excluir

Vai comentar? Obrigada Mas antes, leia por favor:

Os comentários são moderados para eu saber quem comentou, assim posso retribuir, somente por isso ok? Pode comentar o que quiser, até criticas e ofensas, mas mantenha o respeito.
Leia o post todo antes de comentar, não comente apenas para divulgar o seu blog.
Se for colocar o link do seu blog, coloque sem o "https://", pois o blogger considera spam.
Não precisa comentar "Seguindo, segue de volta?" Se eu gostar, eu sigo.
O resto pode fazer :3 Mas tenha respeito.

Obrigada novamente