Como colocar botões sociais flutuantes no lado esquerdo

E aí pessoal, estou querendo colocar botões sociais na vertical e flutuantes no lado esquerdo de forma manual, ou seja, apenas colocando HTML e CSS, não quero usar plugins

algo como isto:


Alguém conhece?

Boa, amigo, é muito simples o que você está solicitando. Uma pergunta: ao dizer flutuante, você quer que os botões sempre fiquem na mesma posição quando se faz scroll? De qualquer maneira, vou te enviar uma MP para conversarmos. 🙄

Te aviso que, para que esses botões sejam interativos, de qualquer forma você vai precisar de JavaScript. A parte do HTML e CSS é muito simples, qualquer um que tenha conhecimentos básicos faz em 10 minutos. A parte do JavaScript também não é grande coisa quando você já implementou anteriormente, só é preciso carregar de forma assíncrona os scripts necessários para que não afetem o tempo de carregamento do conteúdo principal.

denzel disse:

Te aviso que, para que esses botões sejam interativos, de qualquer forma você vai precisar de JavaScript. A parte do HTML e CSS é muito simples, qualquer um que tenha conhecimentos básicos faz em 10 minutos. A parte do JavaScript também não é grande coisa quando você já implementou anteriormente, só é preciso carregar de forma assíncrona os scripts necessários para que não afetem o tempo de carregamento do conteúdo principal.

Clique para expandir...

Sim, eu sei, o JS é exatamente o que eu busco :encouragement:

Se você não fez isso anteriormente, pode começar revisando esta biblioteca: sharer.js que tem o código necessário para compartilhar nas redes sociais mais importantes. Se parecer muito código, você pode extrair apenas o que precisar e implementar seu próprio módulo JavaScript.

Mas se você não quer que seu projeto dependa de uma biblioteca, tem que ir direto à documentação para desenvolvedores de cada rede social; é o caminho longo, mas é mais satisfatório (quando você é programador).