مساعده في طريقة تركيب كود

<div id="fanback"><div id="fan-exit">
</div><div id="JasperRoberts">
<a href="javascript:hideele()"><div id="TheBlogWidgets">
</div></a>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/a7la7ekaya&width=500&height=230&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; width: 500px; height: 230px;'></iframe>

</div>

<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:500px;
height:230px;
position:absolute;
top:58%;
left:60%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<div id="fanback" style="display: block;">
   
   <div id="fan-exit">
      
   </div>
   
   <div id="JasperRoberts">
      <a href="javascript:hideele()">
      </a>
      <div id="TheBlogWidgets">
         
      </div><a href="javascript:hideele()"></a> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/a7la7ekaya&width=500&height=230&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false" style="border: none; overflow: hidden; width: 500px; height: 230px;"></iframe> 
   </div>
</div><script type="text/javascript">
function hideele() {
    document.getElementById('fanback').style.display="none";
    setCookie("popup_user_login", "yes", 7);
}

function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

function checkCookie() {
    var user=getCookie("popup_user_login");
    if (user != "") {
        document.getElementById('fanback').style.display="none";
    } else {
      document.getElementById('fanback').style.display="block";
    }
}
</script><script type="text/javascript">
checkCookie()
</script>

<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:500px;
height:230px;
position:absolute;
top:58%;
left:60%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<div style="display: block;" id="fanback">
   <div id="fan-exit">
   </div>
   <div id="JasperRoberts"><a href="javascript:hideele()"></a>
      <div id="TheBlogWidgets">
      </div><a href="javascript:hideele()"></a> <iframe style="border: none; overflow: hidden; width: 500px; height: 230px;" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/eddirasadzcom&width=500&height=230&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
   </div>
</div><script type="text/javascript">
function hideele() {
    document.getElementById('fanback').style.display="none";
    setCookie("popup_user_login", "yes", 7);
}
 
function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
 
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
 
function checkCookie() {
    var user=getCookie("popup_user_login");
    if (user != "") {
        document.getElementById('fanback').style.display="none";
    } else {
      document.getElementById('fanback').style.display="block";
    }
}
</script><script type="text/javascript">
checkCookie()
</script>

<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:500px;
height:230px;
position:absolute;
top:58%;
left:60%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<div style="display: block;" id="fanback">
   <div id="fan-exit">
   </div>
   <div id="JasperRoberts"><a href="javascript:hideele()"></a>
      <div id="TheBlogWidgets">
      </div><a href="javascript:hideele()"></a> <iframe style="border: none; overflow: hidden; width: 500px; height: 230px;" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/eddirasadzcom&width=500&height=230&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
   </div>
</div><script type="text/javascript">
function hideele() {
    document.getElementById('fanback').style.display="none";
    setCookie("popup_user_login", "yes", 7);
}
 
function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
 
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
 
function checkCookie() {
    var user=getCookie("popup_user_login");
    if (user != "") {
        document.getElementById('fanback').style.display="none";
    } else {
      document.getElementById('fanback').style.display="block";
    }
}
</script><script type="text/javascript">
checkCookie()
</script>

<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:500px;
height:230px;
position:absolute;
top:58%;
left:60%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<div style="display: block;" id="fanback">
   <div id="fan-exit">
   </div>
   <div id="JasperRoberts"><a href="javascript:hideele()"></a>
      <a id="TheBlogWidgets" href="javascript:hideele()"></a>
      <iframe style="border: none; overflow: hidden; width: 500px; height: 230px;" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/eddirasadzcom&width=500&height=230&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
   </div>
</div><script type="text/javascript">
function hideele() {
    document.getElementById('fanback').style.display="none";
    setCookie("popup_user_login", "yes", 7);
}
 
function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
 
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
 
function checkCookie() {
    var user=getCookie("popup_user_login");
    if (user != "") {
        document.getElementById('fanback').style.display="none";
    } else {
      document.getElementById('fanback').style.display="block";
    }
}
</script>
<script type="text/javascript">
checkCookie()
</script>