title: Custom FB like button
body: <p>I am trying to configure a new conversion button that will like a facebook page. I found some code that does this, but I can't figure out the last step. Here is the code: </p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #facebook_like_button_holder {
  position:relative;
  width:291px;
  height: 74px;
  color:#fff;
  background: url('http://slingshotyou.com/wp-content/uploads/2012/09/cro.png');  
  }
  
  #facebook_like_button_holder iframe {
  position:absolute;
  top: 0px;
  width: 291px !important;
  }
  
  #fake_facebook_button {
  pointer-events: none;
  display: none;
  position:absolute;
  width:291px;
  height: 74px;
  left:0;
  top:0;
  background: url('http://slingshotyou.com/wp-content/uploads/2012/09/cro.png');  
  }
  
  &lt;/style&gt;
  
  &lt;div id="facebook_like_button_holder"&gt;
  &lt;fb:like href="http://www.slingshotyou.com/" layout="button_count" show_faces="false"  width="450" action="recommend"&gt;&lt;/fb:like&gt;
  
  &lt;div id="fake_facebook_button"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  FB.Event.subscribe('edge.create', function(response) {
  window.location = "http://www.google.com/";
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Basically, all I want is to make the "100 free conversions" button act like the like button, and I want the like button to be invisible. </p>
  
  <p>Any help? Here is a link to a page where I am testing it live <a href="http://slingshotyou.com/bryants-experiment" rel="nofollow">http://slingshotyou.com/bryants-experiment</a></p>