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

السلام عليكم ورحمة الله 
ممكن اخواني طريقة لوضع هذا الكود 

الكود:

<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>

ليظهر بهذا الشكل عند الدخول الى المنتدى
https://i.servimg.com/u/f18/19/24/73/93/untitl66.png
مثل هذا المنتدى http://www.a7la-7ekaya.com/

ممكن رابط صفحة الفيس بوك الخاصة بك لوضعها

fb.com/eddirasadzcom
تفضل حبيبي

لم يظهر اخي مثلما يظهر هنا :/ 
http://www.a7la-7ekaya.com/
يمكنك المعاينه هنا تم التركيب 
http://www.eddirasa-dz.com/

مرحباً , أُسعدتم صباحاً أحبتي
بعد إذن عزيزي المساعد @Arabian Star 
 الكود بتنسيق HTML لابد لك من وضعه في مكان يدعم هته اللغة، وهو عبارة عن نافذة إنبثاقية  بتأثيرات جوكري هه , بدون إطالة ؛  ضعه في:
لوحة الادارة ◄مظهر المنتدي◄تشكيلات عامة ◄ ضع الكود ثم سجل
أو
لوحة الادارة ◄إدارة عامة◄ الرسائل و الإيميلات◄الإعلانات الخاصة

حظاً موفقاً .

لم يظهر اخي بهذه الطريقة 
https://i.servimg.com/u/f18/19/24/73/93/untitl66.png

على مهلك عزيزي Arabian Star@، الأخ طلب الطريقة ولم يطلب الكود
لأن الاخ الغالي قام بوضع كود معطوب , ينقصه كود css  على كلً ترقب الكود  كاملاً في ردي القادم إن شاء الله...

شكرا لك اخي + اتمنى وضع كل كود و طريقة وضعه و شكرا لك

تفضلي أخي الغالي الكود كما طلبته بالظبط :

الكود:

<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>

عزيزي ضع الكود في :
لوحة الادارة ◄مظهر المنتدي◄تشكيلات عامة ◄ ضع الكود ثم سجل

بارك الله فيك حبيبي جزاك الله كل الخير

هناك مشكل حبيبي - لما اضغط على X لا يخرج الكود :/

يال عجلتي   ... ههه ؛ تفضل عزيزي + تم وضع صفحتك بدل الصفحة الموجودة  نسيتها بادءاً ..هه  ضعه وبنفس الطريقة  وهو يعمل وعلى ضمانتي ياعزيزي  :

الكود:

<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>

شِكرا لك اخي 
+
لكن المشكل اني لما اضغط على X  لا يختفي الكود 

يا عزيزي الكود يعمل وقد قمت بجعله يغلق عند الضغط على زر الاغلاق في ردي السابقة... ما عليك فقط هو حذف كل ما يوجد في التشكيلات العامة وضع هذا الكود  مكانها وهو الذي وضعهته في ردي أعلاه :

الكود:

<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>

ملاحظة ! إذا ضغط على زر الاغلاق مرة فلن يظهر مرة أخرى لأني ربطه بملفات الارتباطCookie ... أما الزر فهو يعمل بشكل عادي... منتظر ردك حبيبي..

جرب حبيبي انا ركبت الكود الان 
http://www.eddirasa-dz.com/
+
لما اضغط انا على X لا يغلق الكود :/ 
هل يعمل عادي معك ؟

نعم يعمل بشكل عادي ولك أن تعاين بنفسك... تفضل http://movil.foroactivo.com
عزيزي كي نقطع الشك باليقين جرب تعطيل نظام إدارة أكواد Javascriptعندك

ههههههههه .. عندك يعمل بشكل عادي 
+
ههههههه وفي حاسوبي لما اضغط على X يبقى الكود في مكانو :3 
+
معليهش شكرا لك حبي واسف على تعبك معي

عزيزي ... إنظر !!! أنت في منتدى الدعم العربي لن يغلق الموضوع إلاّ وحبيبنا راضِ تفضل 10000% يعمل ههع :

الكود:

<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>

هههههههه 
شكرا لك يا حبي + اصبح يعمل عادي شكرا لك حبيبي
+
تم الحل 
يرجى غلق الموضوع

حظاً موفقاً عزيزي,

الزعيم كتب:إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك  وضع ايقونة  لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.