COMO COLOCAR BOTÕES DE REDE SOCIAL NO MEU BLOGGER

09:47:00 DS 3 4 Comments

como colocar botoes de redes sociais no meu blog






Existe milhares de tutoriais pela web sobre como colocar botões de redes sociais em blogs ou sites, alguns inclusive na lateral do blog, só que aqui vai um lembrete, cuidado como oque você poe de flutuante no seu blog ou site, isso pode ser mal interpretado pelos motores de busca e deixar seu site ou blog em segundo plano, e isso significa jogar seu url para depois da décima página de resultados de busca.
Aqui vai um código html para você colocar no elemento html do seu blog ou site, preencha os espaços com (#) com o url equivalente da rede social escolhida e após isso publique em um elemento html/gad get html.





<div class="social-profile-icons"><ul class=""><li class="social-facebook"><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li><li class="social-behance"><a href="#" title="Behance"><i class="fa fa-behance"></i></a></li><li class="social-flickr"><a href="#" title="Flickr"><i class="fa fa-flickr"></i></a></li><li class="social-gplus"><a href="#" title="Google+"><i class="fa fa-google-plus"></i></a></li><li class="social-pinterest"><a href="#" title="Pinterest"><i class="fa fa-pinterest"></i></a></li><li class="social-instagram"><a href="#" title="Instagram"><i class="fa fa-instagram"></i></a></li><li class="social-dribbble"><a href="#" title="Dribbble"><i class="fa fa-dribbble"></i></a></li><li class="social-linkedin"><a href="#" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li><li class="social-soundcloud"><a href="#" title="LinkedIn"><i class="fa fa-soundcloud"></i></a></li><li class="social-twitter"><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li><li class="social-vimeo"><a href="#" title="Vimeo"><i class="fa fa-vimeo-square"></i></a></li><li class="social-stumbleupon"><a 
href="#" title="StumbleUpon"><i class="fa fa-stumbleupon"></i></a></li><li class="social- tumblr"><a href="#" title="Tumblr"><i class="fa fa-tumblr"></i></a></li><li class="social- youtube"><a href="#" title="YouTube"><i class="fa fa-youtube"></i></a></li><li class="social- foursquare"><a href="#" title="FourSquare"><i class="fa fa-foursquare"></i></a></li><li class="social-reddit"><a href="#" title="Reddit"><i class="fa fa-reddit"></i></a></li><li class="social-dropbox"><a href="#" title="GitHub"><i class="fa fa-dropbox"></i></a></li><li class="social-skype"><a href="#" title="LinkedIn"><i class="fa fa-skype"></i></a></li><li class="social-email"><a href="#" title="Email"><i class="fa fa-envelope-o"></i></a></li><li class="social-rss"><a href="#" title="RSS"><i class="fa fa-rss"></i></a></li></ul></div>

4 comentários:

  1. nossa mano, valeu demais, pesquisei 23, e todas davam erro quando eu publicava, mais esse deu certo valeu demais, tu é um gênio...

    ResponderExcluir
  2. E se eu não quiser algum desses botões, como faço?

    ResponderExcluir
    Respostas
    1. É só você copiar o código e colocar no bloco de notas e excluir a linha equivalente ao botão que você quer remover...
      Abraços

      Excluir
  3. Funcionou bem no meu blog, voltei so para agradecer...
    Obrigada

    ResponderExcluir