السلام عليكم و رحمة الله و بركاته
اهلا بكم ، متابعي مدونة ويب العرب و مرحبا بكم في درس جديد حول اضافات بلوجر ، حيث سنتحدث في هذا الدرس عن كيفية إضافة نافدة منبتقة لصندوق صفحة الفايسبوك ، هذه الإضافة رائعة و فعالة في زيادة نسبة الحصول على العديد من الاعجابات لصفحتكم .
عند الدخول إلى المدونة سينبتق لك صندوق في وسط المدونة ، هذا الصندوق
يحتوي على صفحتكم على الفايسبوك ,حيث تلفت هذه الاضافة نظر الزائر و تسهل عليه عمل اعجاب لصفحتكم على الفايسبوك.
بدون اطالة في الكلام :
من لوحة تحكم بلوجر اختر تخطيط>>>> اضافة اداة >>>> HTML/JAVASCRIPT
وقم باضافة الكود التالي :
<style type="text/css">
/***********************************************
* CSS POP-UP With Light Box Effect- © New Facebook Tips Trick (http://new-facebook-tipstricks.blogspot.com/)
* This notice must stay intact for use.
* Visit http://new-facebook-tipstricks.blogspot.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FLK_7wRHymAv5I9HgIgEwh17tEshJ5k6knANKfFCJNtTVI7gJAktD-0X_Eh_ALEDX4VX-toJ8ftdWZPmxnlgc6HjnsweQPxC6n5Gb_BR_J0Lgy4pNZCUMPXlHhSzME022KpedtLSng/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwl_RXaQaqtI5KMgJs4GSnIBXKYHcfGqY0W6pC_juT-NHZQ7WUHJPghkieLWAzFN4JRmgqS1ey8b41eBlLePZCGwCI0Uk1cAwgtEurQXCIFu9XcHJlFyoUw2lGRtCPMujepsvwlv20Q/s40/exeideasclose.png"/>
</center>
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwl_RXaQaqtI5KMgJs4GSnIBXKYHcfGqY0W6pC_juT-NHZQ7WUHJPghkieLWAzFN4JRmgqS1ey8b41eBlLePZCGwCI0Uk1cAwgtEurQXCIFu9XcHJlFyoUw2lGRtCPMujepsvwlv20Q/s40/exeideasclose.png" />
</center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fويب-العرب-1644181965860144&width=400&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:260px;" allowtransparency="true"></iframe>
</div>
</div> </div>
رابط تحميل الكود:
ملاحظة : قم بتغيير رابط الصفحة الملون بالاحمر الى رابط صفحتك على الفايسبوك
لا تنسى تشجيعنا بتعليق او مشاركة للموضوع
لا تنسى تشجيعنا بتعليق او مشاركة للموضوع
و السلام عليكم
ادا كانت متل تلك التي تضعها فهي مزعجة جدا .ففي كل مرة أحدت الصفحة تنبتق..المفروض ان تظهر مرة واحدة فقط
ردحذفلكن يمكن الخروج منها بسهولة تامة يا صديقي لذلك قمت بتطبيقها على مدونتي :)
حذف