Personalizar o Widget dos Seguidores (CSS)
Não faz muito tempo que os Seguidores (Followers) está disponível no Blogger/blogspot .
Eu vi alguns tutoriais que ensinavam a personalizar o widget (remover ou alterar alguns links como Acompanhar, Pare de Acompanhar e etc.
O código abaixo, personaliza as imagens do widget. Veja:
A parte em verde faz com que a imagem fique desbotada, e quando passar o mouse a sua cor volta ao normal. Eu recomendo que ela não seja modificada, se você preferir, apenas remova-a.
O trecho que está em vermelho, indica como será a borda da imagem normal. Onde, 3px indica a largura da borda, solid o tipo de borda, e #ffffff.
Esses valores podem ser modificados da seguinte maneira:
Depois de modificar o código: vá para Layout > Editar HTML, faça um backup do seu template (clique em baixar modelo completo).
Cole o código antes de ]]></b:skin> (CTRL + F para procurar).
Salve.
Esse foi o primeiro tutorial sobre como personalizar o widget dos seguidores.
O segundo eu já estou preparando.
E, por enquanto é só!
Valeu!
Eu vi alguns tutoriais que ensinavam a personalizar o widget (remover ou alterar alguns links como Acompanhar, Pare de Acompanhar e etc.
O código abaixo, personaliza as imagens do widget. Veja:
.follower a img {
opacity:0.5;filter:
alpha(Opacity=50);
border:3px solid #ffffff;
display:block;
}
.follower a img:hover {
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100);
border:3px solid #99cc00;
display:block;
}
Em que:opacity:0.5;filter:
alpha(Opacity=50);
border:3px solid #ffffff;
display:block;
}
.follower a img:hover {
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100);
border:3px solid #99cc00;
display:block;
}
A parte em verde faz com que a imagem fique desbotada, e quando passar o mouse a sua cor volta ao normal. Eu recomendo que ela não seja modificada, se você preferir, apenas remova-a.
O trecho que está em vermelho, indica como será a borda da imagem normal. Onde, 3px indica a largura da borda, solid o tipo de borda, e #ffffff.
Esses valores podem ser modificados da seguinte maneira:
- 3px pode ser alterado para qualquer valor maior que 0px;
- Solid pode ser alterado para:
- #ffffff indica a cor da borda (no caso branca), para ver mais cores clique < a href="http://downloadmediacenter.googlepages.com/tabeladecores.htm" target="_blank">AQUI
- none
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
Depois de modificar o código: vá para Layout > Editar HTML, faça um backup do seu template (clique em baixar modelo completo).
Cole o código antes de ]]></b:skin> (CTRL + F para procurar).
Salve.
Esse foi o primeiro tutorial sobre como personalizar o widget dos seguidores.
O segundo eu já estou preparando.
E, por enquanto é só!
Valeu!
Boa postage! Um dia destes vou habilitar este gadget lá no Mestre Blogger e então usarei a sua dica, com certeza.
ResponderExcluirAbraços
Valeu Alberto, em breve a outra parte do tutorial vai estar pronta!!
ResponderExcluirpow naum to consequindo fazer naum se alquem me poder ajudar o meu blog é esse http://yahata2008.blogspot.com/ por favor me ajudem !!!!
ResponderExcluirquero deixar meu blog bem animado com alguns brilhos coisas de mulher mas não consigo como devo fazer,tem alguem que possa me ajudar[cleideapdias.blogspot.com] quero ajuda abrigada
ResponderExcluirTalvez um desses sites possa te ajudar:
ResponderExcluirhttp://www.maisblog.com/
http://a-c-p-b.freehostia.com/wordpress/
http://www.magiagifs.com.br/
http://www.coisinhasparablogs.rg3.net/
jean obriiiiiiiiiiiiiigada vc foi muito gentil,em me responder com tanta rapidez bjs
ResponderExcluir