Follow Us - Social Network Buttons with Style
This is a sweet way to show your Social Networks for your website...
The included package has icons for:
- Blogger (http://www.blogger.com)
- Digg (http://www.digg.com)
- Facebook (http://www.facebook.com)
- MySpace (http://www.myspace.com)
- RSS
- StumbleUpon (http://www.stumbleupon.com)
- Technorati (http://www.technorati.com)
- Twitter (http://www.twitter.com)
- Youtube (http://www.youtube.com)
Screenshot:(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.blabbster.com%2Fwebdesigntuts%2Fsocial.png&hash=0e9b1ee1246ccf572cb71894564527e15a3d1a0f)
Demo:Live Demo Click Here (http://www.blabbster.com) - Look to the very bottom of page
Type of Block:Script
Instructions:1. Download this package with icons (http://www.blabbster.com/webdesigntuts/social_icons.zip)
2. Extract icons, and upload the
social_icons folder to the root of your website
3. Use the code below into a
Scriptbox block
<a href="LINK_TO_SOCIAL_SITE.com" title="Join us at SOCIAL_SITE" target="_blank">
<img src="http://www.yoursite.com/social_icons/image.png"
onmouseover="this.src='http://www.yoursite.com/social_icons/image_alternate.png'"
onmouseout="this.src='http://www.yoursite.com/social_icons/image.png'"></a>
You can add more icons by simply copying the code and repeating with the next Social Network / Social Bookmarking site
Enjoy O0