1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Change SHARE icon and edit the SHARE content

Discussion in 'FaceBook' started by |BlackMarket|, Dec 1, 2010.

  1. |BlackMarket|

    |BlackMarket| Regular Member

    Joined:
    Nov 10, 2010
    Messages:
    343
    Likes Received:
    1,035
    Location:
    depends on Proxies
    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.
     
    • Thanks Thanks x 1
    Last edited: Dec 1, 2010
  2. thenightbringer89

    thenightbringer89 Newbie

    Joined:
    May 27, 2010
    Messages:
    24
    Likes Received:
    3
    Is this allowed by FB or can this get you banned?
     
  3. |BlackMarket|

    |BlackMarket| Regular Member

    Joined:
    Nov 10, 2010
    Messages:
    343
    Likes Received:
    1,035
    Location:
    depends on Proxies
    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.
     
  4. phph5

    phph5 Regular Member

    Joined:
    Aug 7, 2010
    Messages:
    225
    Likes Received:
    42
    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).
     
  5. FLIZZOW

    FLIZZOW Junior Member

    Joined:
    Oct 26, 2010
    Messages:
    185
    Likes Received:
    286
    Thanks Black,
    Going to try this tonight.
    Will pm you if got any problem.