Novo layout! + Efeito para afiliados (exclusivo)

Mudei de layout, amém! HUASHAUSHAUSHAHSU'

Hello! Tudo bem com vocês? Ah, obrigada por todos os comentários anteriores e por terem me tratado tão bem mesmo depois do acontecido ♡ Já tinha dito que iria recompensar vocês de alguma forma, e vou mesmo. Sabem meu antigo layout, um rosinha com lilás? Se atingirmos 80 seguidores posto ele mais um layout azul que eu acho que já usei, mas, sei lá, gosto deles. Nesse post eu trago um estilo de "bordinha" para usar nos afiliados, e irei mostrar como alterar o tamanho da imagem pelo HTML também, que nem nos meus afiliados. Dá para aplicar o efeito que quiser depois, é fácil. Vamos?
♥ Efeito BW + bordinha ♥ - Prévia aqui
Bem, para a imagem ficar com aquela bordinha branca e cinza, é só ir até seu HTML e procurar por: ]]>< Assim que encontrar a tag, cole esse código abaixo:
.bordinhabw { padding:1px; border:1px solid #dcdbdb; } .bordinhabw:hover { -webkit-transition-duration: .40s; -webkit-filter: saturate(0%) ; }
Visualize e salve. Depois vá na aba "Layout", crie um novo gadget e cole esse código:
<a href="https://www.blogger.com/Link%20Do%20Blog" title="Nome Do Blog"><img class="bordinhabw" src="IMAGEM AQUI" /></a><br />
Para alterar o tamanho da imagem é só colar o este código abaixo, dentro das chaves "{" "}"
height: 00px; /* Altere */ width: 00px; /* Altere */
Salve e visualize!

♥ Efeito opacidade + bordinha ♥ - Prévia aqui.
Bem, vá no seu HTML e procure por: ]]>< Assim que encontrar a tag, cole esse código abaixo:
.bordinhaopacity { padding:1px; border:1px solid #dcdbdb; } .bordinhaopacity:hover { filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82; -webkit-transition-duration: .40s; }
Visualize e salve. Depois vá na aba "Layout", crie um novo gadget e cole esse código:
<a href="https://www.blogger.com/Link%20Do%20Blog" title="Nome Do Blog"><img class="bordinhaopacity" src="IMAGEM AQUI" /></a><br />
Visualize e salve!

♥ Efeito gira-gira + bordinha ♥ - Prévia aqui.
Bem, vá no seu HTML e procure por: ]]>< Assim que encontrar a tag, cole esse código abaixo:
.bordinhagira { padding:1px; border:1px solid #dcdbdb; } .bordinhagira:hover { -WEBKIT-TRANSFORM: ROTATE(360DEG) SCALE(1.1) ; OPACITY: .99; -WEBKIT-TRANSITION-DURATION: .99S;}
Visualize e salve. Depois vá na aba "Layout", crie um novo gadget e cole esse código:
<a href="https://www.blogger.com/Link%20Do%20Blog" title="Nome Do Blog"><img class="bordinhagira" src="IMAGEM AQUI" /></a>
Visualize e salve! Os efeitos foram editados por mim, o efeito do ultimo é deste blog aqui. Se usarem creditem, certo? Beijos!

14 comentários:

  1. Oii o novo layout estar lindo, só estar ruim de enxerga as cores mais claras(Tenho um problema de vista rsrs) e não dar para ver as prévias. Mesmo assim fico feliz que tenha voltado. ><

    http://reinodosbrigadeirosoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi! Obrigada ♥~~ Ah, eu entendo. Eu já arrumei as prévias,e las estavam moderadas, agora não estão mais! Obrigada c:
      beijos~~!

      Excluir
  2. Own, que amor! *u* Pode ter certeza que os 80 seguidores virão logo, o blog é uma fofura, sério.

    Eu sou apaixonada pelo efeito bordinha e por opacidade, então o meu favorito foi o segundo *000* O layout está d i v i n o sem mas, tá muito lindo mesmo ♥

    htmlandresources.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Nhá, obrigaaaaaaada Helo o3o Você é um amor, sério! Obrigada ♥~~
      Eu adoro bordinha e opacidade, gosto muito deste efeito também *o* fico feliz que tenha gostado. Nhaaaw! Muito obrigada, linda!

      Excluir
  3. Gostei dos efeitos, Vi >3< A única coisa que supera-os é o layout! Que lindo~♥

    Espero (e tenho certeza) que os 80 seguidores virão logo, e com certeza que os layouts que você irá disponibilizar serão tão lindos quanto esse atual.

    Beijos ♥~

    ResponderExcluir
    Respostas
    1. Que bom que gostou, Lê o3o Nhá, muito obrigada!
      Eu espero que sim, ahahaha. Obrigada mesmo, viu?

      Um beijo. ♥

      Excluir
  4. Meu Deus, que lay divo *--* scrr'
    Ai, para tudo ~ mimada q ~! É sério isso? Não precisa jogar na cara seus layouts divôncios u-u Eu amo ficar vendo seus layouts, dá vontade de pular no computador e morder q
    A propósito, que efeitos mais divos *^* Não humilha, por favor! lçsaçlsalaslas'

    Besos;

    www.mistymistakes.blogspot.com || Misty
    www.chiorichan.blogspo.com || Flores Secas

    ResponderExcluir
    Respostas
    1. Obrigada, Hyo linda o3o UADHIJSDFHCBIUDS' Meus layouts nem são tudo isso, ainda estou aprendendo a lidar com eles e tal.. Que bom que gostou do novo lay e dos efeitos, nhá obrigada ♥~

      Beijos!

      Excluir
  5. Oie.
    Esse layout ficou lindo u3u.
    Espero que consiga os 80 seguidores u3u.
    Esse efeito é divo, sempre que dá eu uso shkfkfkkdkdkfkf.
    O segundo está tão fofo ♡ da vontade de comer. ♡
    http://s-sessaoproibida.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi~~! Obrigada ♥ Também amo borda e opacidade jlhdfkudg, o segundo é meu preferido. Que bom que gostou, haha. ♡

      Excluir
  6. Adorei esse seu novo layout, é bem diferente dos outros e é uma graça!
    Adorei esse efeito, é lindinho.
    Xoxo

    ResponderExcluir
  7. Esse layout ficou lindo! Espero que atinga 80 seguidores logo logo! E todos os efeitos são muito úteis~

    Att. Edwiges [babyboo]

    ResponderExcluir

• Não comente apenas um link para divulgação, comente algo sobre o post.
• Pode utilizar palavrão desde que não ofenda ninguém.
• Aceito afiliação e tags, menos selinhos.

Layout criado por vizoca para uso exclusivo do blog colored cotton. Cópias totais ou parciais devem ser consideradas plágio