07/11/2013

[Tutorial]Efeito:Pisca logo,porra!

Just be friends,all we gotta do is just be friends.All we gotta do just be friends,just be friends.
Olá people do meu kokoro que comem muitas verduras-sqn *-*

Tudo bom?>-< Bem os meus testes acabaram e vou começar a postar mais oki?Me aguentem -q
Hoje trouxe-vos o tutorial dos meus afliados.O tutorial é bem simples e o efeito fica muito bonito >-< Se o querem ver cliquem em Ler mais... :3

Pré-visualização:

Se tudo correr bem,irá ficar assim.Este é o exemplo de uma das minhas imagens de afiliados ^^
Agora vamos ver como se faz :3

Tutorial:
-->Vai até Modelo > Editar HTML > Aperta Ctrl+F e procura por <head>.Abaixo desse código,cola:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
 -->Volta a apertar Ctrl+F e procura por  ]]></b:skin> e acima desse código cola:


.efeitopisca1{
padding:2px;
border:1px solid #dcdbdb;
}
.efeitopisca1:hover{
-webkit-animation-name: pisca;
    -moz-animation-name: pisca;
    -o-animation-name: pisca;
    animation-name: pisca;
-webkit-animation-duration: 1s;
 }
Para mudar a cor da borda altera apenas o que está a negrito a borda é isto aqui:
Depois para aplicar o efeito colas este código num gadjet HTML/Java Script:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>
Compreendendo o código:
Link do Blog-->Blog(ou link) para que queres dirigir a imagem. Ex:http://eli-my-paradise.blogspot.pt/
Nome do Blog-->Nome que irá aparecer quanto passares o rato por cima da imagem. Ex:My Paradise
Link da Imagem-->O link da imagem que queres usar. Ex: http://4.bp.blogspot.com/-bdvc_aYVurk/Um_1W_C4OYI/AAAAAAAAF80/PMAtRWu4754/s1600/Afliados22.png

Créditos do tutorial:Kawaii World
Se queres imagens para afiliados clica aqui.
Então gostaram?Bastante fácil né?>-<

                                                   Kissus!>3<

10 comentários:

  1. Respostas
    1. Também acho >-<

      Arigato por comentares!Kissus!>3<

      Eliminar
  2. ''Pisca logo poha'' OKSPAOSKA bom nome viu u-u
    mto foufõ esse efeito *w*

    ResponderEliminar
    Respostas
    1. Ahahah também acho ^^

      Arigato por comentares!Kissus!>3<

      Eliminar
  3. Esse nao e o mesmo tuto que postei no sono hana?

    ResponderEliminar
  4. ah esquece, este e diferente-q apesar de serem parecidos xd
    gostei dele ^^

    ResponderEliminar
    Respostas
    1. xD são parecidos kkk

      Arigato por comentares!Kissus!>3<

      Eliminar
  5. O efeito é legal mais o nome..
    http://princesa-que-adora.blogspot.com.br/

    ResponderEliminar

Obrigada por vires comentar!!
P.S: Sou de Portugal, alguma coisa que não percebas avisa u v u

❥Respondo a todos os comentários assim que puder.
❥Podes por o URL do teu blog no fim mas tens de falar do post.
❥Podes pedir tutoriais e utilitários.
❥Podes falar palavrões (como eu falo ás vezes) mas não ofendas ninguém com eles, ok?

♣Não aceito "Seguindo, segue de volta?", só sigo se gostar do blog.
♣Comentários insultosos para com alguém não serão publicados.
♣Não utilizes o teu comentário para publicitar o teu blog.
♣Os pedidos de parceria só são aceites na devida página(com algumas excepções).

♥Podes usar estes bonequinhos:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †