Hey minha gente,
1° Acesse o seu blog e aperte CTRL + U irá abrir uma nova guia com o código do seu blog, agora aperte CTRL + F e procure por Followers1-wrapper'>. Agora copie desde <div id='Followers1-wrapper'> até </script> </div> </div>, se não conseguir achar, fica em cima de <div class='clear'></div>.
2° Apague o gadget de seguidores, logo depois vá em Layout > Adicionar um Gadget > HTML/JavaScript e cole o código que copiou.
Invés de eu explicar uma por uma decidi colocar o que modifica cada parte para facilitar vocês que não entendem muito de html conseguirem personalizar facilmente, então é só personalizar as seguintes partes do seu código:
OBS: o que eu não coloquei o significado é porque eu realmente não sei.
3° Agora para colocar o efeito, abaixo do que você colocou no gadget cole o código do efeito que desejar. Se você não personalizou o seu gadget e usar o normal do blogger, é só colar o código acima de ]]><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 */
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 {
text-decoration: none !important;
-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;
}
Oii linda você deixou um recadinho em meu blog informando que o lay free estava dando erro na hora de instalar, mas eu já testei duas vezes e esta tudo certinho, acho que você não esta abrindo arquivo baixado como bloco de notas, se não for assim os códigos não irão servir.. beijos..
ResponderExcluirhttp://apenassonhosdreams.blogspot.com.br/
No blog que eu estava tentando colocar realmente deu erro, só que eu criei um novo e consegui colocar, acho que o problema deve ser no blog e não no layout ;/ sorry.
ExcluirOi! Adorei o tutorial, os efeitos devem ficar lindos mesmo, principalmente o preto e branco! Acho que vou usar ele no próximo layout. E sobre você postar de cinco em cinco dias, é um intervalo bem grande, mas eu gostei da ideia :3 Beijão!
ResponderExcluircoff-cake.blogspot.com
Eu acho super legal o efeito, tanto que eu uso em dois layouts haha. Pois é, acho que vai ser assim daqui por diante, mas espero mudar mais á frente. Obrigada!
ExcluirAdorei o efeito :333
ResponderExcluirOs posts do meu blog estão bem desatualizados, mas é por falta de tempo mesmo pois os estudos estão consumindo tudo!
http://mlleglamour.blogspot.com.br/
Muito diwo u-u
ExcluirPois é, até agora os estudos não estão muito puxados mas semana que vem tem provas então, vai começar a pesar também ;/
Vou visitar seu outro blog *-*
ResponderExcluirAchei bem legal esse tuto,mas ue não usaria...n sei porque mas n faz meu estilo,sabe?
Queria pedir um post com alguns efeitos pra elite de afiliados ou algumas imagens para welcome! Se fazer os dois é ainda melhor hahahahaha
Beijos!
Garota Lezada
Awn, obrigada >.<'
ExcluirSei haha, cada um tem seu estilo!
Eu já fiz um post sobre efeitos para elite de afiliados, se quiser ver ele clique aqui, mas eu só coloquei 2 efeitos então já que pediu vou fazer outro posts com mais efeitos okay? Quanto as imagens de welcome vou pesquisar e vou fazer um post também haha.
Kisses.
Fica muito mais bonito o gadget seguidores personalizado colocar de um jeito que combine com o blog
ResponderExcluiraceita afiliados?
Monster Cookies
Pois é :3
ExcluirClaro que aceito, já te coloquei na elite! Beijos.
Aashauhsua adorei o tuto :3 <3 eu acho que vou colocar um desses efeitos <3
ResponderExcluirhttp://thing-of-kawaii.blogspot.com/