نافذة منبثقة اعلانية لمدونات بلوجر pop up ads

بسم الله الرحمن الرحيم

مرحبا بكم في موقع مسطرة ... و اليوم موضوعنا عن نافذة منبثقة اعلانية لمدونات بلوجر pop up ads ...

تركيب نافذة منبثقة اعلانية

نافذة منبثقة اعلانية

مدونات بلوجر pop up ads

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

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

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

الأن كل ما عليك لتثبيث الإضافة هو إنشاء 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/AVvXsEio2vuy0gtiUPR6sYAx039ISkOCufQnQHBEss5r5YT345Y9jtnP4rNr3CmFBURy97KVTYc3mzk2W7HNKyvffXvCnJjJlF6Qcx4bBH1RgIgL9ts5McKabz1sC9iKNsb4cd_VXEsATkpktno/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>

بعد وضع الكود كل ما عليك هو إستبدال FBURL برابط صفحتك على الفيسبوك ومبروك عليك إضافة نافذة منبثقة .

و بكده نكون انتهينا من موضوع اليوم وهو نافذة منبثقة اعلانية لمدونات بلوجر pop up ads ... و السلام عليكم و رحمة الله و بركاته ...

شارك هذا المنشور