اضافة صندوق فيسبوك للاشتراك في النشرة الإخبارية

<script src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
<style>
#hideme{display:none}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 100;
    cursor: pointer;
} 
#popup {
    position: fixed;
    font-family: arial;
    top: 25%;
    left: 25%;
    right: 25%;
    bottom: 25%;
    background: #fff;
    width: 400px;
    height: 425px;
    margin: auto;
    z-index: 200;
    box-shadow: 0 0 15px rgb(0,0,0,0.4);
    border: 10px dotted #00A2CA;
}
#Fb-Rss-conatner{
    margin-top:1.6em;
}
.Fbinfo {
    margin: 0px auto 1em auto;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff;
    padding: 12px 15px;
    border-radius: 10px;
    width: 85%;
    text-align: Center;
    background: #00A2CA;
    box-shadow: 0px 0px 10px 0.8px #000;
}
#fbox {
    margin: 1.2em auto;
    width: 350px;
    height: 156px;
    box-shadow: 0px 0px 8px 2px #666;
}
#Rssfeed {
    margin: 12px auto 1em auto;
    font-size: 16px !important;
    font-family: arial !important;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    border-radius: 10px;
    width: 85%;
    text-align: Center;
    background: #00A2CA;
    box-shadow: 0px 0px 10px 0.8px #000;
}
#Rssfeed form {
    margin: 10px auto;
}
.enteryouremail{
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999;  font-size: 12px;
height: 25px;  width: 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
}
.submitbutton{
background:#F66303;
border: 1px solid #F66303;
text-shadow: 1px 1px 1px #333;
box-shadow: 3px 3px 3px #666;
font: bold 12px Arial, sans-serif;
color: #fff;
height: 25px;
padding: 0 12px 0 12px;
margin-left:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;}
}
#pwr:hover {
    background: #000;
}
#pwr a {
    color: #fff;
text-decoration: none;
}
    </style>

<div id="hideme">
<div id="overlay"></div>
<div id="popup">
<div id="Fb-Rss-conatner">
    <
       Receive all free updates via Facebook
Just click the like button below
</div>
<div id="fbox">

<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 = 'https:/ /connect.facebook.net/en_AR/sdk.js#xfbml=1&version=v3.0';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));< /script>
<div class="fb-page" data-href="ضع رابط صفحتك على الفيسبوك" data-tabs="timeline" data-width="350" data-height="70" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" " " data-show-facepile="true"><blockquote cite=" ضع اسمك " class="fb-xfbml-parse-ignore">  <a href="ضع رابط صفحتك على الفيسبوك هنا  ">  </a></blockquote></div>

</div>
<div id="Rssfeed">
You can also get free email updates
    <form action="http://feedburner.google.com/ fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb /a/mailverify?uri=trickolla', 'popupwindow', ' scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email address here..." onblur=" if (this.value == '') {this.value = 'Enter your email address here...' 39;;}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type=" text" /><input value="trickolla" name="uri" type="hidden" /><input value="Subscribe now" class="submitbutton" type="submit" /></form>

</div>
<div id="pwr"><a href="" target="blank" rel="nofollow"> </a> </div>
</div>
</div>
</div>
< script type="text/javascript">
$(document). ready(function() {
    $('#hideme'). delay(5000). fadeIn(1000); /* change delay & fade time */ }
) ;
</script>
<script type="text/javascript">
$(document).on('click', function (e) {
    if ($(e.target).closest("#popup").length == = 0) {
        $("#popup").hide();
        $("#overlay").hide();
    }
});
</script>