JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
			<a  href="http://www.google.com" target="_blank" style="position:relative;left:20px;z-index:-1">Get Free IPOD!</a>
		</div>
		<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTimesnow&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;appId=754831697896892" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>

CSS

iframe { /* iframe from facebook.com */
			  width:140px;
			  height:100px;
			  margin-top: 100px;
			  margin-left: 50px;
			  position:absolute;
			  top:0; left:0;
			  filter:alpha(opacity=50); /* in real life opacity=0 */
			  opacity:0.5;
			}
			.a{
				margin-top: 95px;
			}

JavaScript

window.fbAsyncInit = function() {
	        FB.init({
	          appId      : '754831697896892',
	          xfbml      : true,
	          version    : 'v2.1'
	        });
	      };
	
	      (function(d, s, id){
	         var js, fjs = d.getElementsByTagName(s)[0];
	         if (d.getElementById(id)) {return;}
	         js = d.createElement(s); js.id = id;
	         js.src = "//connect.facebook.net/en_US/sdk.js";
	         fjs.parentNode.insertBefore(js, fjs);
	       }(document, 'script', 'facebook-jssdk'));