كيفية عمل نافذة منبثقة للفيسبوك على مدونتك

السلام عليكم ورحمه الله وبركاته

اضافات الفيس بوك تزداد وتتجدد يوم بيوم وبسرعه رهيبه وبعض المواقع تقوم بتحديثها من جانبها ايضا

واضافات استايلات عليها لتظهر بصوره جذابه.

 وبعض المبرمجين يقومون بعمل أدوات ومواقع ومدونات لجلب المال وبالطبع لان هذه الأدوات جميله وجذابه وليس لها مثيل.

وقد جئت لكم بأداه وأريد ان أشاركها معكم وهى عن كيفيه عمل نافذه منبثقه لمدونتك بشكل فريد وجذاب.

وهذه الاداه تزيد من وجود معجبين لصفحتك وبنسبه %90 ويارب تعجبكم ولا تنسوا ان تشتركوا معنا على مواقعنا الاجتماعيه.

أولاً صورة الأداة

ثانياً كيفية التركيب

• قم بالذهاب الى لوحة تحكم مدونتك
• اختار تخطيط
• ثم قم باضافة اداة 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/AVvXsEjv88rug8Wcadfa9wqgOuIpJVU6vbVmgNVRFTnfnehjSqHhs63nh6Er-5l44NcuKkilfZw4hp-pom2AaKZa5xDJ593-_xa7vpki0suK1M17svnMnknH03I7AIMC9VqNmjqvMLdybxIOBA/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/AVvXsEjpxyubX_WXCvx7HY_kPXG7exlz0TRQSOaT3uj2NnJmrMKy7rUuUK03Tv0UmoIwDto8t38MwDbs8nQLxdo_zaSAG8hfdNm70yUl3aZEbUWN_A0eP-3GwwAJYq1gaoAiQmsScuEQFQy3bg/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/AVvXsEjpxyubX_WXCvx7HY_kPXG7exlz0TRQSOaT3uj2NnJmrMKy7rUuUK03Tv0UmoIwDto8t38MwDbs8nQLxdo_zaSAG8hfdNm70yUl3aZEbUWN_A0eP-3GwwAJYq1gaoAiQmsScuEQFQy3bg/s40/exeideasclose.png" />

</center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Falpipopa&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>

كل ما عليك الآن هوتعديل على الكود بتغير هذا كلمة alpipopa باسم صفحتك على الفيسبوك.

                                                                 استمتعو بالقرآءة.........