Up Arrow

Create Custom Share Buttons For All Popular Social Media

  • Date: July 8th, 2013 | by Masum
  • Facebook
  • Tweet
  • Googleplus
  • IN

social media icons

According to Wikipedia Social media refers to the means of interactions among people in which they create, share, and exchange information and ideas in virtual communities and networks. All social media provides social sharing buttons. Sometimes using these buttons becomes difficult because you have to handle their JavaScript files, you can’t easily change icon image, maintaining their rules,format and many more. So to overcome this hurdle i come up with an easy technique to use all popular social icons, hope you would find it helpful.

Facebook:

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

Twitter:

http://twitter.com/home?status=[TITLE]+[ URL]

Google+:

https://plus.google.com/share?url=[URL]

Pinterest:

http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]

Linkedin:

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Reddit:

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

StumbleUpon:

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

How to use:

  • Create a custom Facebook button (e.g. btn.png)
  • Put it into the images folder
  • Now use the “<a>”  HTML tag
    <a href="#" target="_blank"></a>
  • Add an image link now
    <a href="#" target="_blank"><img src="#" alt="Facebook" /></a>
  • Now change the image path with your Facebook share button’s image path.
    <a href="#" target="_blank"><img src="images/btn.png" alt="Facebook" /></a>
  • Then copy the Facebook share link
    http://www.facebook.com/share.php?u=[URL]&title=[TITLE]
  • Replace [URL] with your page URL(http://www.cybernetikz.com/)
    e.g. http://www.facebook.com/share.php?u=http://www.cybernetikz.com/&title=[TITLE]
  • Replace [TITTLE] with your page tittle or your custom message (e.g. Hello Facebook).
    e.g. http://www.facebook.com/share.php?u=http://www.cybernetikz.com/&title=Hello Facebook
  • So, the final Code will be as the following one
    <a href="http://www.facebook.com/share.php?u=http://www.cybernetikz.com/&title=Hello Facebook" target="_blank"><img src="images/btn.png" alt="Facebook" /></a>

Recent Posts