12/28/2014

Efeito Blur-Maratona De Tutoriais.

~Yo meus bolinhos de baunilha!Como vocês estão hoje,eu estou ótima a ansiosa faltam apenas 3 dias para o Ano Novo,graças a Deus este ano de 2.014 já tava me enjoando!Até que foi um ano legal mas quero que 2.015 chegue logo e só venha com coisas boas para mim,mas então muito dos nossos leitores e leitoras deixam alguns pedidos de tutorial,eles comentam tio ''Vick queria que você fizesse tal tutorial'',então eu respondo e faço o tutorial,e uma das nossas leitores pediu para que eu fizesse um tutorial para efeito nas imagens,então achei um bem legal o efeito ''Blur'' espero que gostem!O tutorial é do blog que eu super amo ::Portal Encantado::
                                                 
Nossa que texto enorme ali em cima hahaha~Hi meus bolinhos deliciosos,é isso mesmo que vocês leram o que eu expliquei ali em cima,os nossos leitores e leitoras comentam pedindo alguns tutoriais e efeitos e eu respondo e faço o tutorial pedido afinal os leitores são tudo em um blog né!?
Pois bem então,uma das nossas leitoras pediu para que eu ensinasse a fazer um efeito legal nas imagens do blog (efeitos de cor,ou que se mexem enfim).Então pesquisei e achei um super legal que se chama''Efeito Blur''o efeito é super versátil,ele é usado principalmente no gadget ''autores'' ou ''afiliados''.
::Veja o efeito clicando aqui::
Vamos ao tutorial para esse efeito super bacana??
1.Vá em modelo e clique em editar Html,agora aperte as teclas Ctrl+f e vai abrir uma caixa de pesquisa,então procure por:
]]></b:skin>
2.Agora cole antes do código procurado isso:
.blurgray {-webkit-filter: grayscale(0) blur(0px);-webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; border:3px solid #FF7AAF; } .blurgray:hover { -webkit-filter: grayscale(1.0) blur(1px);-webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; }
E clique em ''salvar modelo''.
3.Agora vá em layout e clique em adicionar gadget e escolha a opção ''HTML/Java Script'' e cole dentro do bloco o seguinte código:
<img src="Link da Imagem" width="Tamanho da Imagem" align="left" class="border1" /><img src="Link da Imagem" width="Tamanho da Imagem" align="left" class="border1" />
Onde está escrito ''Link da Imagem'' é a URL da sua imagem,onde está ''Tamanho da Fonte'' é o tamanho da letra que você quer e onde está ''Tamanho da Imagem'' é o tamanho da imagem,ou seja a largura e altura ai vai depender de você!Clique em ''salvar'' e visualize!
É isso meus bolinhos espero que tenha dado certinho no seu blog,e usar credite ao Café Com Baunilha e ao Portal Encantado.
~Kisses
 

2 comentários :

  1. Me ajudou muuuito Ayumi Obg seu blog tá linduuu *-*

    ResponderExcluir
    Respostas
    1. Poxa sério?!Valeu mais o modelo é do Empire Kawaii,super divo né?Valeu mesmo assim
      ~Kisses

      Excluir