نافذة إعلانية متعددة الإستخدامات

إضافة رائعة عبارة عن نافذة عائمة يمكن ان تستخدمها لأكثر من هدف يمكن أن تستخدمها كأداة إشتراك في المواقع الإجتماعية او تضع بها كود إعلاني او صور او كرسالة ترحيبية يمكن أن تخصصها كما تريد

مثال للمعاينة

طبعا مثال المعاينة وضعت به صورة وادوات لذا فهو غير منسق بالشكل المطلوب لكن فقط أردت ان اظهر به ما يمكن وضعه في الإضافة وأنت يمكنك تنسيقة بالشكل الذي تريد

وهذا كود الإضافة قم بوضعه في آداة HTML/JavaScript

<style type="text/css">
#topbar {
left:300px;
top:120px;
position:absolute;
z-index:100;
padding: 8px;
background: #D6D6D6;background: -moz-linear-gradient(top,#F0EEEE ,#D6D6D6);background: -webkit-linear-gradient(top,#F0EEEE,#D6D6D6);
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
color:#000000;
font-size: 12px;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:4px;
width:320px;
text-align:center;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #C60000;background: -moz-linear-gradient(top,#FC0000 ,#C60000);background: -webkit-linear-gradient(top,#FC0000,#C60000);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 310px;
border: 1px solid #999;
}
</style>
<script src="https://cnmu.googlecode.com/svn/trunk/cnmupopup.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 300
var startY = 120
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>X إغلاق X</button></a></div>
<div class="isi_iklan">

<center><a href="fburl"target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsLIiC0n-3sChT_QZrbSTRhqSI0AJZY6GkiaEUjon193eKD_6TMJqGzNv9v8xoU2VolWJqJpH_Rq-vrD7CQn8n_hw8ob10YuQdY9S7HPUJyGX9CTv-k9TVyvZJ7ICw0znQE36njFmwfE/s1600/3884.imgcache.png" /> </a></center>
<right>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="fburl" width="220" show_faces="false" stream="false" header="true"></fb:like-box>
</right>
</div>
</div>