FB Personalized Share Button

Click Here for referrence

Basically just use this snippet and insert it to your HTML

<a name="fb_share" type="button" share_url="http://www.realmacsoftware.com/clear/">
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

NOTE: share_url is the tag wherein you place the URL of what you want to share. then add your desired css, as for me:


a.share {
background: url("http://assets1.realmacmedia.com/websites/_resources/shared/images/social_buttons_sprite.png") no-repeat scroll -31px -14px transparent;
display: block;
height: 23px;
overflow: hidden;
text-indent: 500px;
width: 66px;
}

finally, it would look like THIS

Advertisements

One thought on “FB Personalized Share Button

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s