TinyPortal

Development => Block Codes => Latest block snippets => Topic started by: Lord Anubis on March 31, 2011, 12:26:07 AM

Title: [Block] Follow Us - Social Network Buttons with Style
Post by: Lord Anubis on March 31, 2011, 12:26:07 AM
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:

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