صندوق أعجاب الفيسبوك منبثق بشكل جديد

السلام عليكم زوار ومتتبعي مدونة بوزوم 

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

معاينة الاضافة

طريقة تركيب  

اذهب للوحة التحكم >> التخطيط >> اضافة أداة 

HTML/JAVASCRIPT 

ضع بها الكود التالى  

<style type="text/css">
* html #popupfacebook{position:absolute}
#popupfacebook{display:block;top:0;left:0;width:100%;height:100%;position:fixed;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkyn5mk4d-86Dfyw5lc2__6vgAiyXstPRtFcObtnUzbzTWcoP14FYzVhZlvnOvUGc8hTOkoD-dVe7YM5eWQL2Ns_frF7g29iU6t6Pe7RayLXFKYMNaP52sPhz7d0bqWDsv-E-McPRzRQ/s128/popupideasopacity0.5.png);overflow-y:auto;z-index:999999;margin:0}
#facebookpopup{background-color:#fff;overflow:none;z-index:999999}
.facebookpopup{width:290px;height:300px;position:fixed;top:45%;left:50%;margin-top:-200px;margin-left:-200px;border:10px solid #52e052;z-index:999999;padding:20px}
#popup-title{background:#52e052;color:#fff;font-size:20px!important;font-weight:700;width:324px;line-height:25px;text-align:center;font-family:Arial!important;float:left;margin:0 -27px 10px;padding:10px}
.likefaceblogevolutions{width:280px;height:200px;border-radius:3px;position:relative;background:#E9FBE9;margin-top:60px;padding:0 10px 15px 0}
.likefaceblogevolutions,.likefaceblogevolutions:before,.likefaceblogevolutions:after{background:#E9FBE9;border:1px solid #52E052}
.likefaceblogevolutions:before,.likefaceblogevolutions:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}
.likefaceblogevolutions:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #52E052}
</style>
<div id="popupfacebook">
<div id="facebookpopup" class="facebookpopup">
<h3 id="popup-title">ساهم ب لايك لصفحتنا علي الفيسبوك</h3>
<div class="likefaceblogevolutions">
<div style="height:200px;overflow:hidden">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbouzoume11&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
<br />
<center style=" float:left; font-size:14px;cursor:pointer;" ><a style="background: #52E052; padding:5px 5px 10px 5px; font-size:12px; color:#fff; text-decoration:none;" onmouseup="document.getElementById('popupfacebook').style.display='none'">[X]إغلاق</a></center>
<center style="float:right;"><a target='_blank' style="font-size:xx-small; color:#52E052; text-decoration:none;" href="http://www.blogbzm.blogspot.com">احصل عليهاالان</a></center>
</div>
</div>

ثم قم بحفظ الأداة

تعديلات بسيطة فى الكود

bouzoume11

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

√ الى لقاء آخر فى موضوع جديد من مدونة بوزوم √