Débora Lacortte
fevereiro 17, 2015
Oi amigos(as)!
Como eu havia postado anteriormente como personalizar o Google+ agora vou dar mais um tutorial sobre outra personalização do Google+ com efeito hover,muito bacana.
Vamos lá?
Bom primeiro faça o Backup do seu blog,agora vá em 'editar html' depois procure por:
]]></b:skin>
Agora coloque acima o código a seguir:
/*---Google+--por Débora Lacortte---*/#PlusFollowers1 {font-size: 12px; /* tamanho do texto */line-height: 18px;background: url('URL DA IMAGEM') repeat ;border:1px solid #f2165d;border-radius:10px;}#PlusFollowers1 .widget-content {padding: 50px 10px 1px 1px; /* margem do texto */margin: 20px;margin-top: -8px; /* altura da imagem */color: #f2165d; /* não modifique */-webkit-filter: saturate(0.0);-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}#PlusFollowers1 .widget-content:hover{-webkit-filter: saturate(1.1);-moz-filter: saturate(1.1);}
Onde está em vermelho coloque o url da imagem de sua preferencia.
Depois de tudo ok,salve.
Qualquer dúvidas entre em contato.
Até mais!
Mina fazia tempo que queria dar um toque diferente no meu google+ mas não conseguia tu salvou minha vida falou.
ResponderExcluirFico feliz em ajudar alguém,qualquer coisa entre em contato.
Excluir