1/13/2015

✿Tutorial Efeito Speed✿.

-Hello seduções em pessoa,docinhos,jujubas (Ok parei gente,parei),pois bem como eu havia dito no meu post anterior eu estou com um novo blog,que fala sobre a série Monster High e eu peço que vocês nos sigam lá também ^^ o blog já tem 4 seguidores,então segue lá!::Clique AQUI e veja o blog::,bom agora vamos ao tutorial do dia??
                                                                                   
Olá meus amorzitos,como vocês vão?Pois bem quero dizer que estou muito feliz a cada dia que se passa o blog ganha ótimos elogios,seguidoras,afiliações e isso me anima muito para que eu possa continuar com o blog!!Sabe quando eu criei ele não imaginava que,em tão pouco tempo teria seguidoras!Tipo até agora tenho 6,para alguns é pouco mas para mim que criei o blog faz 2 meses é muito!Ok...chega de enrolação,é que eu amo conversar com vocês,como se estivesse frente a frente  *-*.
Mas então,hoje uma leitora e seguidora do blog comentou que amo o nosso layout (que é do blog Colored Cutton),e elogiou dizendo ser organizado,claro que eu fiquei super feliz e fui visitar o blog dela e também amei,tem layouts free,efeitos etc.
Então eu vi um efeito e gostei então decidi postar aqui no Café com Baunilha,pois faz cotas que eu não posto algum efeito e tal.O tuto é do blog da leitora Isabelle dona do blog Doce Bunny..Vamos então??


Temos dois modelos,por isso antes temos os dois previews para vocês verem como é o efeito.
❀EFEITO 1❀   ✿EFEITO 2✿
Clique onde indica ai em cima e veja o resultado e veja qual você mais gostou ok?Primeiro vamos ver como usar e aplicar o efeito 1:
Vá em modelo,clique em ''editar hmtl'' aperte as teclas Ctrl+f e irá abrir uma caixa de pesquisa,dentro dela procure por isso:
]]></b:skin>
E ao achar a Tag,cole acima dela isso:
es rattle1 {0% {-webkit-transform: translatex(10px);}50% {-webkit-transform: translatex(-20px);}100% {-webkit-transform: translatex(20px);}}.rattle1 {-webkit-transition: .1s; border-radius: 10px; box-shadow: 1px 1px #;}.rattle1:hover {-webkit-animation: rattle1 .5s alternate 2 linear;}
Aperte em ''salvar modelo'',agora vá em layout,e clique em ''adicionar gadget'' e escolha a opção HTML/Java Script,e cole isso:
 <img src="LINK DA IMAGEM" class="rattle1">

Ok,aperte salvar e pronto!Já foi aplicado o modelo 1,agora vamos aplicar o modelo 2:

Vá em modelo,clique em ''editar html'' e aperte as teclas Ctrl+f e irá abrir uma caixa de pesquisa,dentro dela procure por isso:
]]></b:skin>
Ao achar o código cole isso acima dele:
 @-webkit-keyframes rattle2 {0% {-webkit-transform: translatex(10px);}50% {-webkit-transform: translatex(-20px);}100% {-webkit-transform: translatex(20px);}}.rattle2 {-webkit-transition: .1s; border-radius: 10px; box-shadow: 1px 1px #;}.rattle2:hover {-webkit-animation: rattle2 .4s alternate infinite linear;}
Aperte em ''salvar modelo'' e agora vá em layout,clique em ''adicionar gadget'' e escolha a opção HTML/Java Script,e co,e isso dentro:
 <img src="LINK DA IMAGEM" class="rattle2">

Tanto no efeito 1 e 2 é a mesma coisa na hora de colocar o link da imagem,onde está escrito link da imagem é pra colocar a Url da imagem.
É isso espero que tenha dado certinho no seu bloguinho!!
Kisses Bolinhos

6 comentários :

  1. Oi! Adorei seu blog...gostei muito dos efeitos vou usar no meu blog..seguindo,aceita afiliação?
    http://princes-kawaii.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Topo sim já está afiliado e muito obrigado pelo elogio *-*

      Excluir
  2. Eu tentei mais nao foi http://bobagensdabrinalinda.blogspot.com.br/

    ResponderExcluir