Notes

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
var Facebook_AppId = "1234567890";
var Url_To_Share = "http://www.google.com/";
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#x00-alert-show").click(function(e) {
e.preventDefault();
$("#x00-alert-overlay").show();
$("#x00-alert-container").fadeIn("fast");
return false;
});
$("#x00-alert-button").click(function(e) {
e.preventDefault();
FB.ui({
method: "share",
href: Url_To_Share
},
function(e) {
if (e && !e.error_code) {
$("#x00-alert-container").fadeOut("fast", function() {
$("#x00-alert-show").hide();
$("#x00-unlock-container").fadeIn("fast")
})
} else {
$("#x00-alert-error-container").slideDown("fast")
}
});
return false;
});
});
</script>
<style type="text/css">*{border:0;margin:0;outline:0;padding:0}body{color:#333;font-family:Helvetica,Arial,'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;font-size:12px;line-height:16px}.x00-facebook-button{background:#5b74a8 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAIAAABfUYfWAAAAGXRFWHRTb2Z0d2FyZQBBZ​​G9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpi6JpziOXm/ddMDAwMYPz//3+m/1AawkcS/w8VB9EMMHUMYD4DA1Q91Bw6YYAAAwBU8R7SaChbJwAAAABJRU5ErkJggg==');border:1px solid;border-color:#435a8b #3c5488 #334c83;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:3px 10px;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.x00-facebook-button:hover{text-decoration:none}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#x00-alert-container{display:none;left:50%;margin-left:-250px;position:fixed;top:35%;width:500px;z-index:10;-webkit-border-radius:1px;-webkit-box-shadow:0 0 0 8px rgba(0,0,0,.5);-moz-border-radius:1px;-moz-box-shadow:0 0 0 8px rgba(0,0,0,.5);border-radius:1px;box-shadow:0 0 0 8px rgba(0,0,0,.5)}#x00-alert-overlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZ​​G9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P///xmAAAMACcgDyob6aEsAAAAASUVORK5CYII=);display:none;height:100%;left:0;position:fi​​xed;top:0;width:100%;z-index:5}#x00-alert-header-container{background:#6c84b4;border:1px solid #425891;border-bottom:0;color:#fff;font-size:14px;font-weight:700;padding:7px 10px}#x00-alert-content-container{background:#fff;border:1px solid #565656;border-top:0}#x00-alert-error-container{display:none;padding:10px}#x00-alert-error-content-container{background:#ffece8;border:1px solid #985544;padding:10px}#x00-alert-content-content{padding:10px}#x00-alert-content-bottom-container{background:#f2f2f2;border-top:1px solid #ccc;color:#000;padding:10px;text-align:right}#x00-alert-show{height:100%;left:0;position:fixed;top:0;width:100%;z-index:4}#x00-unlock-container{display:none}</style>
<script type="text/javascript">
(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#xfbml=1&appId=' + Facebook_AppId + '&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div id="x00-alert-overlay"></div>
<div id="x00-alert-container">
<div id="x00-alert-header-container">Traffic Issue</div>
<div id="x00-alert-content-container">
<div id="x00-alert-error-container">
<div id="x00-alert-error-content-container">Error! You must share this page.</div>
</div>
<div id="x00-alert-content-content">Due to some traffic issues you need to share this page before you will see the content.</div>
<div id="x00-alert-content-bottom-container"><a id="x00-alert-button" class="x00-facebook-button">Share</a></div>
</div>
</div>

<div id="x00-alert-show"></div>

<!-- Content -->
Your content here.
<!-- /Content -->

<div id="x00-unlock-container">
Your unlocked content here.
</div>