طريقة إضافة نافذه منبثقة لتسجيل الإعجاب على الفيس بوك في بلوجر Like us on facebook

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

طريقة إضافة نافذه منبثقة لتسجيل الإعجاب على الفيس بوك في بلوجر

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

نأتي الآن إلى طريقة التركيب

#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;} #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;} .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;} #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;} #fblikepop #closeable{float:right;margin:7px 15px 0 0;} #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;} #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;} #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;} #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;} #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}

 نقوم بوضع هذا الكود مباشرة قبل

]]></b:skin>

 طول النافذة  :  width:450px

 ارتفاع النافذة :  height:80px

 ثم نقوم باضافة هذا الكود مباشرة قبل </body>

<script type='text/javascript'> //<![CDATA[ KNFBFansPRO='مدونة عرب بلس' //]]> </script> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/> <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 30, wait: 0, url: 'https://www.facebook.com/arabesplus', closeable: true }); }); //]]> </script> <div id='fbtpdiv'/>

ملاحظة

إستبدل العنوان عرب بلس بعنوان مدونتك و https://www.facebook.com/arabesplus برابط صفحتك الفيسبوك ثم قم بعملية الحفظ

أرجو أن تستفدوا من هذه الإضافة المميزة. أترككم في أمان الله و إلى اللقاء