Social Sharing Buttons Templates HTML

Đây là bộ sưu tập 15 mẫu nút chia sẻ mạng xã hội thường hay tích hợp trên các website. Code được demo từ codepen.io nên rất dễ tải về để sử dụng, bạn có thể xem mã HTML, CSS, JS của từng mẫu hoặc export code về để sử dụng.

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