neilgee
3/19/2014 - 5:13 AM

Genesis Facebook Like Box HTML5 & Responsive

Genesis Facebook Like Box HTML5 & Responsive

/*Facebook* CSS Bit/

#fb-root {
display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

<?php
//Function for Facebook HTML5 Script needs to go after body - escape all inner double quotes
function likebox_facebook_script () {
	echo "<div id=\"fb-root\"></div>
		<script>(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/all.js#xfbml=1&appId=283009668452238\";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>";
}
add_action('genesis_before', 'likebox_facebook_script');