Share Button

When you write a post or article and want to share that post or article on another platform, then copy and paste the URL in that platform at that time, but to make this work even easier, add share button in the website can be done.

How to Add Share button –

I have a link of some custom share buttons that I am sharing with you, you can add share buttons to your website with the help of this link and that too without any third party or Ref link.

>> Open your website in HTML mode.
>> Which Platform’s Button You Want to Add on Website, Copy That.

 

Facebook –

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' target='_blank' title='Facebook'><img alt='facebook' src='https://4.bp.blogspot.com/-hxR7QWwHFqY/XLndDg6tPsI/AAAAAAAADWs/FLz6no2Z9vo5hiDGMFyX1nCyvM8L0FhVACLcBGAs/s1600/tk-fb.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

Twitter –

<a expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url' target='_blank' title='Twitter'><img alt='twitter' src='https://2.bp.blogspot.com/-t7UZJAI5odU/XLndEav0pVI/AAAAAAAADWw/jYtms4Ti6asf1EfIiUHKGxasVYFB5db3QCLcBGAs/s1600/tk-twitter.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

WhatsApp –

<a expr:href='&quot;whatsapp://send?text=&quot; + data:blog.url' target='_blank' title='WhatsApp'><img alt='WhatsApp' src='https://2.bp.blogspot.com/-LN_86fZVV_k/XLndF2zvnoI/AAAAAAAADW0/3MSqg5bzOjkVoFeTHOlGVDaHttJuU8h0gCLcBGAs/s1600/tk-whatsapp.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a> 

Facebook Messenger –

 <a expr:href='&quot;fb-messenger://share/?link= &quot; + data:blog.url' target='_blank' title='fb-messenger'><img alt='messenger' src='https://2.bp.blogspot.com/-tIzV0Mn2hGg/XLndDqufmuI/AAAAAAAADWo/D78xoce9heYZ-EBomg5JU3c23d-91qxNQCLcBGAs/s1600/tk-messengerrrr.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

Telegram –

<a expr:href='&quot;tg://msg_url?url=&quot; + data:blog.url' target='_blank' title='Telegram'><img alt='Telegram' src='https://1.bp.blogspot.com/-ZYd-tyZLJjA/XsBN4CFUX6I/AAAAAAAAENw/sPdY6DAGzGAkwMJyGizX_9qOmt_o3WcrgCLcBGAsYHQ/s1600/telegram-icon.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

Linkedin –

<a expr:href='&quot;https://www.linkedin.com/sharing/share-offsite/?url=&quot; + data:blog.url' target='_blank' title='Linkedin'><img alt='Linkedin' src='https://1.bp.blogspot.com/-5rucq0XTZXQ/XsLbdrej19I/AAAAAAAAEOA/hgd8DTA7aPgW1YA8ff7ooIc0QG0L9cmgwCLcBGAsYHQ/s1600/linkedintkicon.png' style='width:17px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

Mail –

<a expr:href='&quot;mailto:?body=&quot; + data:blog.url' target='_blank' title='E-mail'><img alt='E-mail' src='https://2.bp.blogspot.com/-HulCDSD_SsU/XLreCeX6DoI/AAAAAAAADYI/CeomEHhAH-gi4dbQb7zfMLamPAb3WMwFgCLcBGAs/s1600/emailgdg.png' style='width:20px;height:17px;padding-top:0px; padding-right:12px; padding-left:5px;'/></a>

== ======================================
1 – You can make changes according to Yourself.
2 – If you click on the share button, then want तो a small pop up is open, then you put the code given below anchor tag 

onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;'

=========================================

>> Save the THEME after paste the code.

share button for WordPress website – click here.

Watch Video