How to Create Custom Social Share Buttons

Social media sharing is mostly needed for any web project. 

Customizing your buttons can help them stand out and be a bit more eye-catching than the standard social buttons, Create Social Sharing Buttons, Custom Sharing Buttons for Social Media. These files contain a basic template for creating customized social media share buttons on a web page, Step by step guide on how to add social share buttons in WordPress with total ... In this article, we'll show you how to easily add social share buttons

Some advantages of social media sharing
Less marketing costs
Increase sales.
Increase traffic to your website.
Search engine optimization ranking.

There are many free and easy-to-use services. But all social sharing plugins use a lot of JavaScript, which increases page load time. So, using a social sharing button with custom links is a good idea if you want to customize the social sharing button according to your project theme and fast load page.

Share This
<center><h8 class='share-title'>Share This:</h8> <div class='share-art'> <a class='fac-art' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGZ1y1q0vdBeaa_eFMwWxCCyVcSeWJIuYFVzbA_BmAufYWa5vKituerjs3at96_RuYBwkzmRzlsq4bouIaB5hRGCa-ygX-0bRwWLk5MaadbBiDAuQ98yuO4fPUAqnLyJ1tijipPWGchlV/s1600/fb.png'/></a> <a class='twi-art' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgXrQICkPUX31MusO-vucOES59zGTUsCkIQQxW67CELETAS5bFiQwanlZyAdmf9Ui0CqVwIxAhrFiLTOwgoLQw0RAMzskdQRMbzq7UxzjEHw1eAZlyLhNI8eyf5GxCDANjcnWeIMxhc4P/s1600/t.png'/></a> <a class='goo-art' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdZjbb8BcZ1Vgp1miIVe_nv9mfV6sUxUzPlObhL6PU_FNU6mDTyswJPWf3mCOE5XWTN-f11csCAYZisnnXbkVLeD1S-lZQTUWjW0uZfOaugG40B7y_NfJGPlapIsXvgGc8yWf5X3gjlWI/s1600/g.png'/></a> <a class='pin-art' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6chVf5YUHLq7WzK0T4YqcKafS-AAS4mRA-HOG-kLeEb14P-F8Aw8sQLWAZOUfqz_ikiCOFoUQLBN08dopYO7Dlx3UDb6qkmaK7-UdAH_BpMZZ_Ah60JcbsmsBmp3HL98KMNPiMvU-GMA/s1600/p.png'/></a> <a class='lin-art' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SxwpbnS_P0WmA3ruc2h9pYJHIK7AwGwKyUdxCN1kIKeVvc6ZuzlrpdZSqQEqN6UNniDVK5eDSON8tsDq_o3B6dqMrWa4BD7yCbsIHvFCYIoNfxQ3_-QOeReiEDZqwEX7pCmfnzAF5sh/s1600/l.png'/></a> </div></center>

---

Share This
<center><h8 class='share-title'>Share This:</h8> <div class='share-art'> <a class='fac-art' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpX-DBlMFIFkvE6X7yy1eZrDy2eleTNH0VkUiGmUYcOaJLOC44SxBN2JenDJ_dmtM1V4UG_DfU3DIF8P1BobXZIqTj-MYayQnX5sAJGXFQK_v0iW8glmsXEUYR11-lN5erie8_V9wWpE/s1600/fb.png' width='42'/></a> <a class='twi-art' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwIhCEwgcYPCJ_x7QeCKnbyIbpl7ljN_queLtjXU-eTLsLT4HPhlzr4l4iYJhRWigH47DyQqX2zAwQExU7E9E84630GS1h_1stg37J8RZa-cSiz5gkdt8rRgHDIKQH_HKMkag9XPm21Ag/s1600/t.png' width='42'/></a> <a class='goo-art' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4IhNba4GJwWTeVGpd0Q2-qPwOcWO5ApVlK-QIKtxdIfl58SYb74GSu6OdC_hbeD9nhXLLcpOmtakKdaICEe3m-UgNEMuJn7woNojYRyULE0xzPBpMnh0RdzI-toqabkdemTd4u9DobQ/s1600/G.png' width='42'/></a> <a class='pin-art' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ckoAyyW4B3tdtJ_8YXwFCwKh3uMNfcr06LfIeNrKuF0yHijLrap04GklLkncDSWMYUP2SbHszDeMB1Kk8buFMxb7r2ZNTsiiIj1WJDlsir12u-nMcW1edy3x0g7p7hHP2xCBPWITSAU/s1600/p.png' width='42'/></a> <a class='lin-art' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdo-D2wYZhmDc2z-47Ggd6xcO0_jiInD7J3dRMke-l6V45XIh2jaOrn7YvGJhOzMTlvcqOUrPdAUSxpzUNLf-beqjhB40kKQxovPgR2ymMleIyVDYfue-dcZTMctgtEi5fJSuz32GOgWs/s1600/in.png' width='42'/></a> </div></center>

---

In this short article, we will provide custom social sharing links for some popular social media. Using those links you can create social sharing buttons for sharing webpage URLs without javascript.
Or Manuali Link Share
Use This Code

Facebook Custom Share Link:
http://www.facebook.com/sharer.php?u=[EncodedURL]
Twitter Custom Share Link:
http://twitter.com/share?text=[TITLE]&url=[URL]
Google+ Custom Share Link:
https://plus.google.com/share?url=[EncodedURL]
LinkedIn Custom Share Link:
http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]
Pinterest Custom Share Link:
http://pinterest.com/pin/create/button/?url=[EncodedURL]&media=[MEDIA]
StumbleUpon Custom Share Link:
http://www.stumbleupon.com/badge/?url=[URL]
Reddit Custom Share Link:
http://www.reddit.com/submit?url=[EncodedURL]
E-Mail Custom Share Link:
mailto:?subject=[SUBJECT]&body=Check out this site [URL]