اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر

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

مرحبا بكم في مدونه حسين وافى العجرمى ... و اليوم سنتعرف علي اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر facebook like box

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

طريقة تركيب

اذهب للوحة التحكم ثم انتقل الى التخطيط ثم اختار اضافة أداة
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/AVvXsEiUSwe8R1ycON7LrCSfATo7pj-tDRh3JeM24MrxtvL48R5E3tGg6bc6oZb_wMmm_Pj0nDjA9br8wWCNGN82FmUjzflKcHr9a7tEkwTu6S6C3jk5Ur0VXmevCOGhBXmNh7oqyDvUoKTZSQ/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 #1A89C8;z-index:999999;padding:20px}
#popup-title{background:#1A89C8;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 #1A89C8}
.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 #1A89C8}
</style><br />
<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%2Fel3grmy&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><br />
</div>
</div>
<br /><br />
<center style=" float:left; font-size:14px;cursor:pointer;" >
<a style="background: #1A89C8; 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:#1A89C8; text-decoration:none;" href="http://www.hessinalagrmy.blogspot.com">احصل عليهاالان</a></center>
</div>
</div>

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

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

قم بتغيير el3grmy

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

و بكده نكون انتهينا من درس اليوم و هو اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر facebook like box

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

مرحبا بك في مدونه حسين وافي العجرمي

اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر

إرسال تعليق

مرحبا بك في مدونه حسين وافي العجرمي

اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر

آخر المشاركات

تعليقات: 0

إرسال تعليق