More

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

بسم الله الرحمن الرحيم
مرحبا بكم في مدونة مسطرة … و اليوم سنتعرف علي اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر 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://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/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
بمعرف صفحتك علي الفيسبوك
و بكده نكون انتهينا من درس اليوم و هو اضافة صندوق اعجاب الفيسبوك منبثق جديد بلوجر facebook like box
و السلام عليكم و رحمة الله و بركاته
READ  اضافة اداة اخر المواضيع مع خيارات التنقل سهلة التركيب لمدونات بلوجر
Tags
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker
Inline
Inline