Social Media Share Buttons For Blogger Without External Plugin

Social Media Share Buttons For Blogger Without External Plugin

When you running a blog , chances are you're always trying to encourage more conversations and share your posts through a variety of channels, including social media and e-mail. Adding social sharing buttons is a simple and effective way to quickly boost page-views and viral your contents on social media.

Blogger also have its own social media share buttons but the are not that much effective as custom share buttons. These, share buttons are purely designed in html by livthreads.com and uses no external data which makes them ideal for your blog. Like , share button plugins (Addthis , Addtoany etc.) these buttons do not effect your blog loading speed. These share buttons can also be customized easily.

Key Features:

  • Pure HTML.
  • Uses no external data or scripts.
  • Do not affect page load time.
  • Customization.
How to install social media share buttons to blogger ?

Step1: Choose which share buttons you want to appear in your blog from below list.

/* Share Button For Facebook */
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' target='_blank' title='Share On facebook'><img src='https://3.bp.blogspot.com/-1ip89x4MR6A/WMkYqtoIP1I/AAAAAAAABLI/JGH_jb22zSseFFuTIFDUJt4_sL4Ic8hmQCLcB/s1600/facebook-icon-preview.png'/> </a>

/* Share Button For Google Plus */
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' target='_blank' title='Share On Google+'> <img src='https://1.bp.blogspot.com/-eg9iZoT2YDE/WMkYrftobwI/AAAAAAAABLU/VDHVI7LpbOI3vFyl48iakeGvses97zY1gCLcB/s1600/unnamed.png'/> </a>

/* Share Button For Linkedin */
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:blog.url' target='_blank' title='Share On linkedin'> <img src='https://2.bp.blogspot.com/-rzuBgWxRcQY/WMkYqvuPLtI/AAAAAAAABLM/-FofxCWxNMMI9rrtykEpSwTEzh6WqARCQCLcB/s1600/linkedin-recruiters-connection.png'/> </a>

/* Share Button For Twitter */
<a expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url' target='_blank' title='Share On twitter'> <img src='https://3.bp.blogspot.com/-1IzD3eNPbV0/WMkYqTS0KWI/AAAAAAAABLE/NlSKb5iwHzg-Jmg77lcXYF9YmQrtu9stQCLcB/s1600/Twitter.png'/> </a>

/* Share Button For Whatsapp */
<a expr:href='&quot;whatsapp://send?text=&quot; + data:blog.url' target='_blank' title='Share On whatsapp'> <img src='https://2.bp.blogspot.com/-rfz_Z71freo/WMkcLofaRKI/AAAAAAAABLk/vwytZUqYHjQuOqfozaZZ_LqakedMwUMMQCLcB/s1600/whatsapp-logo-PNG-Transparent.png'/> </a>

/* Share Button For Stumbleupon */
<a expr:href='&quot;http://www.stumbleupon.com/likecontent?url=&quot; + data:blog.url' target='_blank' title='Share On stumbleupon'> <img src='https://1.bp.blogspot.com/-rUV_vL_pBCQ/WMkYrS5464I/AAAAAAAABLQ/2M-vUQpmE-MnEDuM9lh3TwkNeylOJgBpACLcB/s1600/unnamed%2B%25281%2529.png'/> </a>

/* Share Button For Pinterest */
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"  title='Share On pinterest'> <img src='https://3.bp.blogspot.com/-30BXpMM5Uig/WM1VMff66UI/AAAAAAAABOk/5KX-ZyWCvQUPJR0gKekcFBqc33MRSCxYwCLcB/s1600/pin.png'/> </a>

/* Share Button For Buffer */
<a expr:href='&quot;https://bufferapp.com/add?url=&quot; + data:blog.url' target='_blank' title='Share On buffer'> <img src='https://1.bp.blogspot.com/-jQLhMlmPKic/WSlAv6v54HI/AAAAAAAAByc/j3PzoWvG8wMKJLEiJHYrn4iuBrQ0umuGQCLcB/s1600/wdl3jY5t_400x400.jpg'/> </a>

Step2: Paste share buttons code in your html or layout wherever you want them to be appeared . For more help on where to place social media buttons you can read Where to add share buttons in blogger.

Tip: Change <img scr URL with your custom images to change social media button images.

No comments:

Post a Comment