Ícones sociais com efeito de opacidade

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

A dica que eu quero compartilhar como vocês hoje são Ícones Sociais; são os chamados “Social Icons” e como o titulo já diz vem com um charmoso efeito de opacidade alcançado através de CSS.

O resultado final será uma bela caixa de Subscrição com efeito de opacidade como a seguinte:

 

icones sociais

 

Como adicionar ícones sociais com efeito de opacidade no blog?

 

Para adicionar no seu blog cole o código abaixo em um elemento HTML/Javascript:

 

Social Icons

‘URL TWITTER’>Twitter
‘URL FEED’>Feed
‘URL FACEBOOK’>Facebook
‘URL GOOGLE+‘>Google Plus
‘URL YOUTUBE’>Youtube

 

Substitua o que estado destacado em vermelho pelos links correspondentes.

 

Agora para adicionar o efeito de opacidade, entre em Editar HTML  e acima de ]]> cole o seguinte:

 

#social {
margin: 15px 0 5px -15px;
width: 300px;
height: 40px;
text-align: center;
}
#social img {
margin-left: 3px;
margin-right: 3px;
}
#social img:hover {
opacity: 0.6;
}

 

Simples, não? Com isto terminamos o tutorial,espero que lhe seja útil.

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

4 Comentários

  1. Olá Aldenir,otima dica e muito apelativa.
    Proponho que, ao partilhares as tuas dicas,que não te esqueças das novas visualizações dinâmicas onde a maioria dos Blogues aderiram.Por esse fato os códigos,partilhados,podem não servirem para as mesmas. Então aproveito para te perguntar se estes,agora partilhados,servem para encaixar nesses novos templates.
    Obrigado pela partilha.
    Abraço

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.