1

HTML-Criando barra de compartilhamento(FaceBook, Tumblr, Orkut e Twitter)

Para fazer uma barra de compartilhamento você só precisa botar no HTML abaixo o endereço de seu site onde diz SITE (Claro delete a palavra SITE e sem HTTP://)

HTML:

<body><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FSITE"><img title="COMPARTILHAR" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcTaqLb6GqjX8C93ZzJTSsnRM_zkCJUgsAacQr7fNZOrt-l0uTG_aw" width="30" heigth="30"></a><a href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2FSITE"><img title="PARTILHAR" src="https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcR7cv9-IyO3kPg5f-kZMw2qKtlpAEMGWSGMIIWtjxzWFWqaAneh" width="30" heigth="30"></a><a href="http://www.addthis.com/bookmark.php?v=250&amp;winname=addthis&amp;pub=xa-4ffa09920a5c6586&amp;source=tbx32-250&amp;lng=pt&amp;s=orkut&amp;url=http%3A%2F%2FSITE%2F&amp;title=Acesse&amp;ate=AT-xa-4ffa09920a5c6586/-/-/50147543bd3e2ce6/2/50132f4a59cb65fc&amp;frommenu=1&amp;ips=1&amp;uid=50132f4a59cb65fc&amp;ct=1&amp;tt=0"><img title="COMPARTILHAR" src="https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcRq6und6a1Zukz7VqHXpmGH_o5o7R6NqD78w0p4TRJgVJlSFK9i" width="30" heigth="30"></a>
<a href="https://twitter.com/intent/tweet?status=ACESSE ESSE SITE:%3A+http%3A%2F%2FSITE"><img title="THEET" src="https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcSjUF6JwTVJUN0svewHlmfg1J3zVCmEV7fDReo8LuSb4C1tqqj70A" width="30" heigth="30"></a></body>

Pronto Galera veja abaixo como vai ficar:

e se quiser faça reparos mas por sua conta !

One Response so far.

  1. Anônimo says:

    Muito bacana essa barra, gostaria de saber se tem como adicionar contadores aos compartilhamentos?

▲ Topo