17 de dez de 2014

[Tutorial] Efeito borda gota nos afiliados

Oláaa gatinhos e gatinhas~
  Como vocês estão? Eu estou ótima. Ando estudando bastante filosofia, pois filosofia é tudibom. Eu estava pensando em postar apenas duas ou três vezes por semana, para não ser tãaaao maçante para mim, pois estou no meio de um bloqueio de escrito, blogueira, desenhista e tudo que eu faço :s, então, acho melhor dar uma diminuída nas postagens, para o blog não acabar ficando sem, não é?
  Enfim, a postagem de hoje é um tutorial fácil, que achei lá no Chá & Cupcake, e acho que fica muito fofinho no blog. É aquele efeito nos afiliados de bordinha gota ;). Pra ver uma prévia, clique aqui. Vamos lá?
Procure por ]]>< e acima disso, cole:
<style>
.borg{-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8;
}
.borg:hover{-webkit-border-radius: 360px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 360px;
-moz-border-radius-topleft: 0;
border-radius: 360px;
border-top-left-radius: 0;}
</style>
Vá até:
Layout >> Adicionar um Gadget >> HTML/JavaScript
E cole esse código:

<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a> 
E prontinho! Mude onde é para ser mudado, e está tudo nos conformes. Beijocas cats <3

12 comentários:

  1. Muito giro o efeito*-*e bem simples de fazer!
    Boa sorte com filosofia*-*
    bjs
    bpblogdepapel.blogspot.pt

    ResponderExcluir
  2. Estou bem, obrigada pela pergunta! Também estou com um baita bloqueio criativo no momento, espero que passe logo...

    Esse efeito é muito bonitinho ♥

    Beijos ~
    garotas-cupcakes.com

    ResponderExcluir
    Respostas
    1. Heeey, que bom que está bem. Que saudade que eu estava de você <3.
      É lindo mesmo *u*.

      Excluir
  3. Heeeey gatosa *u* Já eu... filosofia no terceiro ano é um saco de coco de vaca aushauh - Sério mesmo-
    Esse efeito é uma fofura, ficaria legal nos afiliados não é? Vou ver se uso no layout que estou pensando em fazer :D
    Beijooos

    ResponderExcluir
    Respostas
    1. Heeey lindona *-*. lskadjl Já me disseram isso, mas sei lá, eu gosto.
      É muito lindinho mesmo, use a vontade *u*.

      Excluir
  4. Hey gatona, saudade... espero que esteja aproveitando bastante as férias! Feliz natal atrasada e ótimo reveillon minha linda, tudo de bom pra ti em 2015, inclusive juizo porque tu tem cara de doida u.u Beijooos {♡}

    ResponderExcluir
    Respostas
    1. Hey, muuuita saudade, andei longe pois estava viajando. Feliz natal e ano novo atrasado saklj, pra ti também, tudo de bom. <3

      Excluir
  5. Yo, adoro este efeito já havia visto ele em vários blogues mais nunca criei coragem para usa-lo, a Selena divou naquela preview haushaushu♥

    ResponderExcluir
    Respostas
    1. Yaaay, esse efeito é bem legal e conhecido. Concordo, ela estava muito diva :3.

      Excluir
  6. Muito legal o tutorial vou tentar fazer no meu blog quado eu voltar de viagem !! sou leitora nova e to amando isso aqui, vou vir frequentemente !!!

    Um beijo || http://paradise-your.blogspot.com.br/?m=0

    ResponderExcluir
    Respostas
    1. Oláa, pessoa linda! Boa viagem, meu anjo. Awwn <3 vou te morder. Venha, prometo te arrancar algumas risadas com minhas bobagens askdjaslk.

      Excluir