How to Create Custom Social Share Buttons

Social media sharing is mostly needed for any web project. 

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/AVvXsEjN5LaSW0o8asKKSdm6oHs917OqmhVQVnM9Op6Ykul9otx-4GzXRbtliLNr5711GSpNh7SVIj0bOY9TGMOQqnzCbdk4gBgvVTk0SL0Jal-dZFelgOS047exvC1_XEOriVVicGumPYPIJ240/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/AVvXsEjK8k6rPDAZ6nXDLe5VWZzy_K5c827_EeJrRN50PqQBHa4L_GAtwnOR3O6WaCRNxCwqR2S0Kdkt_d_Ze-985h5erV00oDnGwwYOVjC6agX8iLU9mVSDzcTBCkBi6IYNQmrngukEY2rI91IE/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/AVvXsEh-PHjB_8sPQvVfFtb-b6PY_mMV6KPTv72etqCeusKwulOHctxLdfAkP6JmxC4kukcjuC2kVdY3tGM_U80Di_tTzEf0arALUc355cTTArUhKSU3TqhHix21G-CHKl5FgEH6MeLOMWNR82-i/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/AVvXsEh6Ft1E5jFZMILm59eHF5xOTEDqvffjCQLu_1TjxryQ91cQwA0A_4gdUcYd7DzHk1G3kNmRLfeHkHGZNDDZj8ryTA4RrWWjjSXVHCe_SLR0XxEJZHxOBN_IZxMR_CxEg_iHPb5QnXtyFB6C/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/AVvXsEg8lM-1Jco4rSa83sbDW1_qB9nQmZ0jd0acXf2t5HW5M8ff6wLt61zmpTphSOPi1NPVqrJ09JyrxoQPoRL2AQXBzr8T7x0OL4qe_DRtrZU6vKlJ8nAX7CsfWyE52t5vE82RHW-rcapIaFHd/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/AVvXsEjBv4g_4C2Oi1AZVt3kEZePteZ7NO1sngHC3CjaZOInwK3gJy1rIoehkoAT8ru6Yq_N2uVHk-8gxzKIeiUA5RUs0JZYTodIu5hRmZru_yL7SckKICC1fcL-FurEntwJiJAE_cEZxfPUqNQ/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/AVvXsEi0oyduRjML3uepz7RHN2NuQsnI-XVN6DUBSoLmo4uzPZXFaC4BFW3I88miEawtIha8WhWIVxF4vwqIYygF559IqfCDOwC4n-JH6-w4JAmqTr3NA6t388z36T2yXlC6g7f9_BdcaS2zJ7w/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/AVvXsEj8W3Zfn1BVviTfgfCGWISP7-TIehlMpHYBRRHSzdddC-bsDMhETuou3nOeUYNesBWpnbDsIZiq0gn3xDlK2vCcqqm63fqr_YOIUMMPnjzXBF2PXsn-huQI8MY4OWGoiAGcIg-ayxXwUAE/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/AVvXsEgj4TYrz79MenBS4E5j5jJ_kiahULyqgM2rwaqCCkcu0GlqZGPnxsTa2cAXrVTjz5-mTi8AOXwS6ovhAt-ZkrXrhNu7xAA8w_iB_atRuFIQL8bD-P8IKxLkg-8-SAQyK4H8hGGfAtxzl_Y/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/AVvXsEjN7UY4Fc3jlayp0fq2kdtoN6n3z78B4eLtD3WyufnVBWPzwqUM1bWv89tXOhtC4153KRgVwz5D3tw1M6jVjfmTnQH6Q9q4s4JaFPtKMC-ElUPnFmAU7pYa-uIb_nlMm2lZX2uYZGJ1DX8/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]