Connect Buttons

Feel free to take this code and the icons and tweak it suit your own website.

If you like it, a link back to this page from your footer would be greatly appreciated.

Add a ‘Text’ box to your side bar (Appearance -> Widgets) and just copy paste the code.

Tweak the width values to make it fit your sidebar.

<!-- social media icons and links -->
<a href="http://crazycreatures.org/twitter"><img src="http://www.crazycreatures.org/icon_twitter.png" alt="twitter icon" width="50"></a>
<a href="http://crazycreatures.org/facebook"><img src="http://www.crazycreatures.org/icon_facebook.png" width="50" alt="facebook icon"/></a>
<a href="http://crazycreatures.org/flickr"><img src="http://www.crazycreatures.org/icon_flickr.png" alt="flickr icon"  width="50"></a>
<a href="http://crazycreatures.org/youtube"><img src="http://www.crazycreatures.org/icon_youtube.png" width="50" alt="youtube icon"></a>
<a href="http://crazycreatures.org/feed/"><img src="http://www.crazycreatures.org/icon_rss.png" width="50" alt="rss icon"></a>
<a href="http://crazycreatures.org/newsletter"><img src="http://www.crazycreatures.org/icon_rssmail.png" width="50" alt="rssmail icon"></a>
<!-- end social media section -->

Icons:

These icons have a transparent background.

Right-click and select ‘Save Image As…’ to save it to your computer. Upload it to your website. Work out the URL for each image and enter it in the links above.