Change SHARE icon and edit the SHARE content

|BlackMarket|

Regular Member
Joined
Nov 10, 2010
Messages
343
Reaction score
1,054
Today i'm going to SHARE the custom SHARE button and edit SHARE content so that your SHARE button will stand out and you can SHARE this with your friends....

5 SHARE in one sentence..... ;)

Code:
<!----- CSS Starts Here ------------->
<style>
.ff3.mac .uiButtonMedium {
padding-bottom:1px;
}

a.uiButtonMedium {
}

.uiButton, .uiButtonSuppressed:active, .uiButtonSuppressed:focus, .uiButtonSuppressed:hover {
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
  display:block;
  float:left;
  width:150px;
  height:0px;
  padding:130px 0 0 0;
  margin:0;
  border:none;

<!----- Put your OWN SHARE button here --------------------->
<!----- Dont forget to change the hxxp to view ---------------->
  background:url(hxxp://sphotos.ak.fbcdn. n e t /hphotos-ak-snc4/hs973.snc4/76633_145839128800017_100001217923955_289684_1013914_n. j p g );

  background-repeat: no-repeat;
  overflow:hidden;
}
</style>
<!----- CSS End Here ------------->



<fb:share-button class="meta" type="icon_link">
<meta name="medium" content="blog"/>

<!----- Title for SHARE message goes here ------------->
<meta name="title" content="You Can Put Your Title Here" />

<!----- Decription for SHARE message goes here ------------->
<meta name="description" content="Your description goes here..." />

<!----- Image or Thumbnail for SHARE message goes here --------->
<!----- Dont forget to change the hxxp to view ---------------->
<link rel="image_src" href="hxxp://ts2.mm.bing. n e t /images/thumbnail.aspx?q=292196789169&id=fa7dea0e31343b5d67e1995ef04b68ec" />

<!----- URL to SHARE message goes here ------------->
<!----- Dont forget to change the hxxp to view ---------------->
<link rel="target_url" href="hxxp:// w w w .facebook. c o m /YourUsername" />

</fb:share-button>

Just copy paste the above to your fbml page and change the necessaries (which i already put a simple instruction in the code above)

Happy SHARING!

PS: Pay attention on the spacing for j p g, n e t, c o m and w w w.
 
Last edited:
Is this allowed by FB or can this get you banned?

There is a lot of things we learned in BH that can get us ban. But this would be the least of it...

I doubt that they gonna ban you just because of the customized share button.
 
Overriding inherent CSS styles may be deemed to be against the TOS, but I highly doubt that a page will be banned because of this and the reason is simple - people need to report your page for it to get deleted, and I doubt that anyone would report it because of a fancy Share button (given everything else is legit).

Also, Facebook can easily block CSS overriding on fb pages but they haven't done it yet. (in fact, they SHOULD do it because it can break the layout, I've had such problems before and it took a while to figure out what was causing it).
 
Thanks Black,
Going to try this tonight.
Will pm you if got any problem.
 
Back
Top