Social Sharing Buttons Templates HTML

This is a collection of 15 templates of social sharing buttons that are often integrated on websites. The code is demoed from codepen.io so it is easy to download and use, you can view the HTML, CSS, and JS code of each sample or export the code to use.

Sharing Buttons 1
 See the Pen <a href="https://codepen.io/colorlib/pen/NwodMr/">Font Awesome Social Buttons Powered by Bootstrap</a> by Aigars Silkalns (<a href="https://codepen.io/colorlib">@colorlib</a>) on <a href="https://codepen.io">CodePen</a>.

Sharing Buttons 2
 See the Pen <a href="https://codepen.io/colorlib/pen/GOzroL/">Fancy Colorlib Social</a> by Aigars Silkalns (<a href="https://codepen.io/colorlib">@colorlib</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 3
 See the Pen <a href="https://codepen.io/colorlib/pen/QOYpyq/">Simple HTML/CSS Social Media Buttons</a> by Aigars Silkalns (<a href="https://codepen.io/colorlib">@colorlib</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 4
 See the Pen <a href="https://codepen.io/colorlib/pen/QOYpgQ/">Sliding Social Buttons by Colorlib</a> by Aigars Silkalns (<a href="https://codepen.io/colorlib">@colorlib</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 5
 See the Pen <a href="https://codepen.io/colorlib/pen/bYzgWV/">Popup Social Share Buttons by Colorlib</a> by Aigars Silkalns (<a href="https://codepen.io/colorlib">@colorlib</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 6
 See the Pen <a href="https://codepen.io/chrisdothtml/pen/azPYqq/">Stylish Social Buttons</a> by Chris Deacy (<a href="https://codepen.io/chrisdothtml">@chrisdothtml</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 7
 See the Pen <a href="https://codepen.io/OstrIO/pen/ICGiH/">Social Buttons using HTML only</a> by ostrio (<a href="https://codepen.io/OstrIO">@OstrIO</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 8
 See the Pen <a href="https://codepen.io/Stanssongs/pen/GgvbD/">CSS social buttons and icons</a> by Stan Williams (<a href="https://codepen.io/Stanssongs">@Stanssongs</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 9
 See the Pen <a href="https://codepen.io/codename065/pen/doyRNw/">Circular Social Buttons</a> by Shahnur Alam (<a href="https://codepen.io/codename065">@codename065</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 10
 See the Pen <a href="https://codepen.io/davidpottrell/pen/MYabyp/">Social Buttons with Icon Fonts</a> by David Pottrell (<a href="https://codepen.io/davidpottrell">@davidpottrell</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 11
 See the Pen <a href="https://codepen.io/anampartho/pen/vEjpvM/">'FLAT' Beauty Social Button with css3 transition</a> by Tashrik Anam (<a href="https://codepen.io/anampartho">@anampartho</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 12
 See the Pen <a href="https://codepen.io/hugo/pen/ecuIo/">Roll Over Social Buttons</a> by Hugo DarbyBrown (<a href="https://codepen.io/hugo">@hugo</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 13
 See the Pen <a href="https://codepen.io/wouwi/pen/Lwrmi/">Social sharing button animation</a> by Stéphane Lyver (<a href="https://codepen.io/wouwi">@wouwi</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 14
 See the Pen <a href="https://codepen.io/marko-zub/pen/ZeQdXd/">Simple Share buttons</a> by Marko (<a href="https://codepen.io/marko-zub">@marko-zub</a>) on <a href="https://codepen.io">CodePen</a>. 
Sharing Buttons 15

Social Sharing Buttons Templates HTML

CÓ THỂ BẠN QUAN TÂM

Biểu mẫu liên hệ