صندوق لايك فيس بوك منبثق بشكل جديد احترافي
اليوم معي طريقة لزيادة عدد معجبي صفحة الفيس بوك بسهولة!إنه صندوق لايك فيس بوك منبثق بشكل جديد احترافي بتاثيرات جميلة JQuery و CSS3 يوضع في مدونتك او موقعك للحصول علي لايكات كثيرة وخاصة اذا كان عدد الزوار كبير.
الكود يمكن استخدامه في المواقع، المدونات والمنتديات!
سوف اشرح لكم الان كيفية اضافة صندوق فيس بوك منبثق لمدونات بلوجر. تابعوني!
لا تنسي استبدال الاسم برابط صفحتك علي الفيسبوك وتمتع بصندوق فيسبوك منبثق لموقعك باثيرات رائعة.
الكود يمكن استخدامه في المواقع، المدونات والمنتديات!
سوف اشرح لكم الان كيفية اضافة صندوق فيس بوك منبثق لمدونات بلوجر. تابعوني!
- توجه إلى لوحة تحكم بلوجر.
- اختر تخطيط.
- إضغط علي اضافة أداة ثم اختر 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/AVvXsEhHrVkQmW6oR0I3nX0H0OlDSExRGONxLTiiChhXdfL0kkVr5Z0tCjxuy7IfSIhpwQ9Vl1BeKkCGxHvgkD2VgtiaEG2cR73ak5XoUS8yvXI8Csz-Vhln6CiAA_mioaFl_r-5Jcy7Vw9UlQ/s128/popupideasopacity0.5.png);overflow-y:auto;z-index:999999;margin:0}
#facebookpopup{background-color:#000;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:#000;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%2Fzaiimweb&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&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:#000; 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.zaiim.com">احصل عليهاالان</a></center>
</div>
</div>
صندوق لايك فيس بوك منبثق بشكل جديد احترافي |
إرسال تعليق