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

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

تعد النوافد المنبتقة من افضل الطرق واكترها استعمالا من طرف المسوقين او مستعملي الويب بصفة عامة لجذب انتباه عين الزائر لمشاهدة شيئ ربما لن يلاحضه في الصفحة,
واليوم معنا اضافة جديدة لمدونتك الشخصية وهي نافدة منبتقة لزيادة  المعجبين بصفحتك في الفيسبوك لمتابعت كل جديد المدونة والجيد في هده الاضافة انها لا تضهر الا بعد ان تظهر الصفحة كلها للحفاض على الزائر وعدم مضايقته بنافدة منبتقة تظهر قبل محتوى الصفحة  وهدا ما يميز هذه النافدة المنبتقة

اضافة نافدة منبتقة لزيادة المعجبين في الفيسبوك:

تابع الخطوات لاضافة صندوق منبتق لزيادة المعجبين في الفيسبوك:

الخطوة 1:

قم بالدخول الى اعدادات مدونتك

الخطوة 2:

ادهب الى تعديل القالب تم اضغط على Edit HTML  كما في الصورة

اضافة نافدة منبتقة فيسبوك

الخطوة 3:

قم بالضغط على زر  CRTL+F  للقيام بالبحت داخل الكود

تم ابحت عن </body>

الخطوة 4:

قم بالتضليل على الكود كله تم انسخه والصقه فوق </body> مباشرة

<style type='text/css'> #qarizmawebFBpop { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#FEFEFE;font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #qarizmawebFBpop a.qarizmawebclose { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#000000; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:25px; cursor:pointer; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(window).bind("load", function() { $('#qarizmawebFBpop').animate({top:"150px"}, 1000); $('a.qarizmawebclose').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='qarizmawebFBpop'> <center> <b>اشترك في الصفحة ليصلك جديد الموقع</b></center> <center> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FQarizmaweb&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/> </center> <a class='qarizmawebclose' href='#'>×</a> <center style='float:right; margin-right:10px;'> <span style='font-size:xx-small; color:#000; text-decoration:none;'></span> <a href="http://www.qarizmaweb.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/qarizmaweb" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://www.qarizmaweb.com/2014/04/popup-box-facebook-like.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center> </div>

الخطوة 5: قم بتغيير Qarizmaweb  في رابط الفيسبوك باسم صفحتك تم اضغط على حفض القالب


كلمات دلالية:

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

اضافة صندوق الاعجاب

اضافة نافدة منبتقة فيسبوك

اضافة صندوق منبتق

اضافة صندوق اعجاب فيسبوك

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