webdevhtml

social media links

If you have ever needed to include some of the social media links manually in your html page then here are a few of them with the format that they would take.

Twitter:

1
2
3
<a href="http://twitter.com/home/?status=[[SHORT TITLE + SHORT LINK]]" title="Post to Twitter">
<img src="[[PATH TO IMAGE]]/twitter-icon.png" alt=""/>
</a>

Plurk:

1
2
3
<a href="http://plurk.com/?status=[[TITLE]] [[URL]]" title="Post to Plurk">
<img src="[[PATH TO IMAGE]]/plurk-icon.png" alt=""/>
</a>

Delicious:

1
2
3
<a href="http://delicious.com/post?url=[[URL]]&amp;title=[[TITLE]]" title="Post to Delicious">
<img src="[[PATH TO IMAGE]]/delicious-icon.png" alt=""/>
</a>

Digg:

1
2
3
<a href="http://digg.com/submit?url=[[URL]]&amp;title=[[TITLE]]" title="Post to Digg">
<img src="[[PATH TO IMAGE]]/digg-icon.png" alt=""/>
</a>

Facebook:

1
2
3
<a href="http://www.facebook.com/share.php?u=[[URL]]&amp;t=[[TITLE]]" title="Post to Facebook">
<img src="[[PATH TO IMAGE]]/facebook-icon.png" alt=""/>
</a>

Ping.fm:

1
2
3
<a href="http://ping.fm/ref/?method=microblog&amp;title=[[TITLE]]&amp;link=[[URL]]" title="Post to Ping.fm">
<img src="[[PATH TO IMAGE]]/pingfm-icon.png" alt=""/>
</a>

StumbleUpon:

1
2
3
<a href="http://stumbleupon.com/submit?url=[[URL]]&amp;title=[[TITLE]]" title="Post to StumbleUpon">
<img src="[[PATH TO IMAGE]]/stumbleupon-icon.png" alt=""/>
</a>

LinkedIn:

1
2
3
<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=[[URL]]&amp;title=[[TITLE]]&amp;source=[[DOMAIN]]" title="Share on LinkedIn">
<img src="[[PATH TO IMAGE]]/linkedin-icon.png" alt=""  />
</a>
Share