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

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك ,
الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه, ويظهر الصندوق كما هو الحال في هذا المثال الحى او من خلال الصوره المرفقه داخل التدوينه ,
مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها .
الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك .
لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل
لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/www.alishare واستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن blncyah واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. هذا هو كل شئ . اى استفسار يرجا كتابته في الاسفل. بالتوفيق للجميع ان شاء الله ...
أما بالنسبة للمنتديات والمواقع فضع الكود في أي مكان
ملاحظه : النجوم فالكود كلمة لا يدعمها المنتدى
لهذا حتى يظبط الكود غير النجود بالكلمة الثانية مع حذف الفراغات بين الحروف
الكلمه هي : s c r i p t
أو حمله من المرفقات

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك ,
الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه, ويظهر الصندوق كما هو الحال في هذا المثال الحى او من خلال الصوره المرفقه داخل التدوينه ,
مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها .
الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك .
لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل
كود PHP:
<****** type='text/java******'>
//<![CDATA[
KNFBFansPRO='مجالس بلنسية الشامله'
//]]>
</******>
<style>#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;}</style>
<****** src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/java******'/>
<****** src='http://alam.rigala.net/12166.js' type='text/java******'/>
<****** language='java******'>
//<![CDATA[
$(********).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/www.alishare',
closeable: true });
});
//]]>
</******>
<div id='fbtpdiv'/>
لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/www.alishare واستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن blncyah واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. هذا هو كل شئ . اى استفسار يرجا كتابته في الاسفل. بالتوفيق للجميع ان شاء الله ...
أما بالنسبة للمنتديات والمواقع فضع الكود في أي مكان
ملاحظه : النجوم فالكود كلمة لا يدعمها المنتدى
لهذا حتى يظبط الكود غير النجود بالكلمة الثانية مع حذف الفراغات بين الحروف
الكلمه هي : s c r i p t
أو حمله من المرفقات


تعليق