نافدة إعلانية منبثقة متعددة الإستعمالات

نافدة إعلانية منبثقة متعددة الإستعمالات

إضافة جد مميزة عبارة عن نافدة منبثقة يمكن إستخدامها في عدة أشياء من الإشتراك في صفحاتك الإجتماعية أو رسالة ترحيبية لزوار مدونتك أو وضع إعلان للترويج لشيء ما والعديد من الإستخدامات فقط بالتعديل عليها . فالاضافة لها تأثير إيجابي كبير على موقعك , ستأتيك برفع التفاعل داخل مدونتك لأحد المواضيع أو رفع متتابعي أحد صفحاتك الاجتماعية .

ويمكنك كذلك اسعمالها للترويج لمقالاتك أو مقالات موقع أخر , مثلا كتبادل اعلاني وتحصل على مبلغ معين حسب ما اتفقت عليه مع صاحب الاعلان , فالاعلان يمكن ان يكون رابط موقع أو صفحات اجتماعية أو منتج الى غيرها ...

مثال للمعاينة 
الأن بعد ان قمت بمعاينة الإضافة يمكن ان تراها غير منسقة وذلك لوضعي بها صورة فقط لأريك شكل الإضافة لذلك أترك لك المجال للتعديل عليها كما تشأ وتخصيصها على ذوقك . الأن كل ما عليك لتثبيث الإضافة هو إنشاء 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/AVvXsEgH2Ds_08cK_d7wdNPWu4eOA8-FSsNKaf37n_wbrijv8mMc6DRIoXsYQ3gIknwu6V0pmfujvtEBBrqXeoBC6cNlC7EtsrpmSwr185K6OLM86BXdKpHs0Av79WoM0tLxeY32GFvD7yoX7zM/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>