Modelo para personalizar os seguidores do blog 1/3

Hello pessoas, eu estou lendo o livro de AMANHECER 1 e 2 eles vem no mesmo livro por isso tem 567 páginas mais ou menos! To chegando na parte que Bella descobre que tá Gravida de Renesmee!!! É tão emocionante, Eu acho que deveria ter lido o livro primeiro depois ter assistido o filme, mas é que na época que lançou os livros eu DETESTAVA ler, era a maldita falta de coragem que infelizmente eu tenho! :3 Mas fazer o que? Ultimamente eu estou me interessando um pouco mais a ler livros o problema é que eu resolvo ler livros justo quando falta 2 semanas para as provas, as minha começam dia 15 de maio (desse mês ):) dexa queto! o tuto de hoje é bem longuinho exige paciência e muita atenção, principalmente atenção! então preste tenha paciência não vá logo para os códigos! leia para saber o que tem que fazer!
Modelo 1
1- Adicione os seguidores do blg normal!
2- Visualize! De CTRL+U e de CTRL+F procure por Followers1-wrapper'> Agora copie desse cod. <div id='Followers1-wrapper'> até </script> </div> </div> não vou por todo o código, pois é muito grande! então preste atenção! Caso você não ache está acima de <div class='clear'></div> Após ter feito isso cole tudo em um bloco de notas, pois ainda vamos usar!
3- Vá em seu layout e apague normalmente o gadget de seguidores! Depois vá em Adicionar Gadget H/J e cole tudo alterando apenas isso: 
SKIN['FACE_SIZE'] = '17'; /* Tamanho dos avatares dos seguidores */SKIN['HEIGHT'] = "200"; /* Altura do Gadget */SKIN['TITLE'] = "SEGUIDORES"; /* Título do Gadget */SKIN['BORDER_COLOR'] = "transparent"; /* Cor da Borda - Se quiser colocar cor troque TRANSPARENT por #cor */SKIN['ENDCAP_BG_COLOR'] = "#F5F5F5"; /* Cor de fundo do PARTICIPAR DESTE SITE */SKIN['ENDCAP_TEXT_COLOR'] = "#FFC49E"; /* Cor do texto */SKIN['ENDCAP_LINK_COLOR'] = "#FFC49E"; /* Cor dos 2 quadradinhos no canto direito */SKIN['ALTERNATE_BG_COLOR'] = "TRANSPARENT";SKIN['CONTENT_BG_COLOR'] = "TRASNSPARENT"; /* Cor de fundo na parte dos avatares - pra colocar cor troque TRANSPARENT por #cor */SKIN['CONTENT_LINK_COLOR'] = "#FFC49E"; /* Cor dos Links */SKIN['CONTENT_TEXT_COLOR'] = "#FF7981"; /* Cor do GOOGLE FRIEND CONNECT */SKIN['CONTENT_SECONDARY_LINK_COLOR'] = "#FFC49E";SKIN['CONTENT_SECONDARY_TEXT_COLOR'] = "#FFCD8B";SKIN['CONTENT_HEADLINE_COLOR'] = "#FFCD8B"; /* Cor do MEMBROS */SKIN['FONT_FACE'] = "NORMAL NORMAL 13PX \X27TREBUCHET MS\X27,TREBUCHET,SANS-SERIF"; /* Fontes e tamanho das fontes do gadget */
Agora vamos por o efeito!
Procure por: ]>< e ACIMA da tag cole o cod. que desejar!

Opacidade: 
#Followers1-wrapper {              
opacity: 0.2; -webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;  
 }        
#Followers1-wrapper:hover {    
text-decoration: none !important;    
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;          
margin-bottom: 2px;    
}
Preto e Branco:
 #Followers1-wrapper {
text-decoration: none !important;
 -webkit-filter: grayscale(100%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-filter: grayscale(0%);
-webkit-transition-duration: .90s;
margin-bottom: 2px;
Sépia
#Followers1-wrapper {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
 margin-bottom: 2px;
}
Créditos: G.D.F

9 comentários:

  1. Eu amooo ler, e pra mim nao importa se tah em semana de prova ou nao, eu leio sem parar, minha mae fala que eu leio livro igual troco de roupa...
    Em relação aos efeitos, sao lindos, já tinha visto eles em outros lugares, e acho que eles dao um toque especial no lay do blog!
    Tambem passei pra avisar que eu aceito afiliação sim flor, já te coloquei nos meus afiliados...
    Beijjjoos <3

    http://p-aradisesky.blogspot.com.br/

    ResponderExcluir
  2. É a primeira vez que estou visitando seu blog e já estou apaixonada por tudo, pode ter certeza que ganhou mais uma seguidora e que esse tutorial é bem lindo, to amando ♥
    yanshrun.blogspot.com.br

    ResponderExcluir
  3. Hello moça o/
    Nossa, eu odeio ler livros, sério! Tenho preguiça de montão pra começar a ler um, então durante essa minha vida toda, não devo ter lido nem 100 livros :p.

    Sobre o tutorial, eu adoro esses efeitos *^*, porém, nunca usei nos meus seguidores porque sempre dá fail pra mim ;-; sei lá porque e como UHSUHSU. Mas vou marcar esse post nos meus favoritos porque talvez no meu próximo layout eu tente usá-lo!

    Bye bye e sim, eu aceito afiliação *-* Obrigada por pedir!
    http://galaxy-of-drams.blogspot.com.br/

    ResponderExcluir
  4. Anônimo5/05/2015

    Bom, eu não entendi para que serve o código do Followers1-wrapper'> , já que eu copiei e depois não precisou u.u... Aceito afiliação sim moça, mas precisa seguir o bloguito, por favor, bjs!!
    http://my-book-on.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Anônimo5/05/2015

      E já está nos afiliados ;) Não esqueça de me colocar também...

      Excluir
  5. Anônimo5/05/2015

    Como você fez para colocar o botão de seguidor ali em cima?

    ResponderExcluir
    Respostas
    1. amor obrigada por aceitar! no próximo tuto vou lembrar de colocar esse ai!

      Excluir
  6. Oe mouça :3
    Eu já vi o filme, a minha mãe tem o livro, mas eu não tenho muita paciência para ler hUSHUHSHAHUSH, me julgue ;-;
    Primeira vez que eu "piso " aqui e já adorei *-* (piso, noussa que retardada, a menina pisa com os oleos ;0;)
    Adorei os modelinhos, deixa com uma cara de coisa mais lecal o-o
    ahsuhasuh nossa, tendi nada que eu disse ;-;
    Besos!
    ||Crazy Cake ||

    ResponderExcluir

CRED
te peguei safado!