Super Simple Social Networking Links Script / Code

SimpleSocial Widget Simple, clean way to link to your various social network accounts. The great thing about this script is that it grabs the actual favicons from the websites, so...

SimpleSocial Widget
Simple, clean way to link to your various social network accounts. The great thing about this script is that it grabs the actual favicons from the websites, so as they evolve or update their images, your social network links will stay current. And of course it’s completely free and open source.

Code Refresh: Oct 9, 2011

Replaced MySpace with Google+ and ordered the icons better etc

Social: <a href="http://www.facebook.com/calmestghost" rel="me"><img src="http://www.facebook.com/favicon.ico" alt="Facebook" /></a> <a href="http://twitter.com/calmestghost" rel="me"><img src="http://twitter.com/favicon.ico" alt="Twitter" /></a> <a href="http://www.linkedin.com/in/calmestghost" rel="me"><img src="http://www.linkedin.com/favicon.ico" alt="LinkedIn" /></a> <a href="https://plus.google.com/104582075016689917593" rel="me"><img src="http://ssl.gstatic.com/s2/oz/images/favicon.ico" alt="Google+" /></a>

Demo / Preview

Color:

Socialize:

Black and White:

Socialize:

Text / Signature:

Socialize: LinkedIn | Twitter | Facebook | MySpace

Instructions

1. Copy and Paste the code (found below) of your choice into your webpage, blog or profile

2. Customize the URL’s to match your social profiles/accounts

Code / Script

Color:

<strong>Socialize:</strong> <a href="http://linkedin.com/in/yourusername"><img src="http://linkedin.com/favicon.ico" alt="LinkedIn" /></a> <a href="http://twitter.com/yourusername"><img src="http://twitter.com/favicon.ico" alt="Twitter" /></a> <a href="http://facebook.com/yourusername"><img src="http://facebook.com/favicon.ico" alt="Facebook" /></a> <a href="http://myspace.com/yourusername"><img src="http://myspace.com/favicon.ico" alt="MySpace" /></a>

Black and White:

(please note that the black and white version uses images on my server, so won’t automatically update when the social networks update their favicons)

<strong>Socialize:</strong> <a href="http://linkedin.com/in/yourusername"><img src="http://bryanhadaway.com/images/linkedin/favicon.ico" alt="LinkedIn" /></a> <a href="http://twitter.com/yourusername"><img src="http://bryanhadaway.com/images/twitter/favicon.ico" alt="Twitter" /></a> <a href="http://facebook.com/yourusername"><img src="http://bryanhadaway.com/images/facebook/favicon.ico" alt="Facebook" /></a> <a href="http://myspace.com/yourusername"><img src="http://bryanhadaway.com/images/myspace/favicon.ico" alt="MySpace" /></a>

Text / Signature:

<strong>Socialize:</strong> <a href="http://linkedin.com/in/yourusername">LinkedIn</a> | <a href="http://twitter.com/yourusername">Twitter</a> | <a href="http://facebook.com/yourusername">Facebook</a> | <a href="http://myspace.com/yourusername">MySpace</a>

Enjoy.

Thanks for reading, Bryan

Other Reads:

• Adding Social Scrape Images
• MySpace is Officially DEAD
• Social Profile Icons