شرح ربط المنتدى بالفيس بوك و السماح للاعضاء بتسجيل الدخول..

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


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

اولا قم بتحميل الهاك من المرفقات (( الهاك غيرمعرب )) و ليس بحاجة للتعريب لانه بسيط اصلا

ثانيا
https://www.facebook.com/developers/ تذهب الى هذا الرابط

و نقوم بانشاء application جديد

تابع الصور

نروح لـ Create new application



بعد كذا نعبي الخانات


ننزل لاخر الصفحة و نحط Save Changes بالصفحة الى تطلع مبااشرة


تطلع لنا الشاشة التالية


المربعات الحمر راح نستخدمهم بعدين بس هسهبنروح على المربع الاخضر Edit Settings

و من القائمة نختار Canvas


ونروح على Canvas Callback URL و نحط رابط المنتدى

ونتأكد انه احنا اخترنا Render Method = IFrame
وبعد كذا بنخزن
وبنرجع هنا


بندخل مرة ثانية على Edit Settings
و بنروح هالمرة على Connect


و بعدين باول مربع نضع رابط المنتدى


و نخزن
كذا بنكون خلصنا اول قسم الخاصبالفيس بوك

_____________
الان نرجع للتحميل و نرفع الملفات اللي بداخل مجلد Upload على مجلد  المنتدى و بنستورد البرودكتXML من لوحةالتحكم
وهيك بنكون خلصنا ثاني خطوة

_____________
الان الخطوة التالتة تعديل القوالب
((( ركز هون لانها اهم خطة هذه )))

نبحث عن
[PHP] <script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>[/PHP]و نضيف 1- قالب الفوتر Footer بعدها
[PHP] <!-- fbconnect -->
$fbconnect_init
<!-- / fbconnect -->[/PHP]2- قالب النافبار Navbar
نبحث عن
[PHP] <!-- / login form -->[/PHP]ونضيف بعدها
[PHP] <!-- fbconnect -->
<center>
<span class="fbconnect" style="height:21px">
<img src="http://static.ak.fbcdn.net/images/loaders/indicator_white_small.gif" alt="Connect with Facebook" />
</span>
</center>
<!-- / fbconnect -->[/PHP]3- قالب Newreply
نبحث عن
[PHP] <form action="newreply.php?do=postreply&amp;t=$threadid" name="vbform" method="post"<if condition="!is_browser('webtv')"> onsubmit="return vB_Editor['$editorid'].prepare_submit(0, $vboptions[postminchars])"</if>>[/PHP]و نستبدله بـ
[PHP] $fb_prepare_submit
<form action="newreply.php?do=postreply&amp;t=$threadid" name="vbform" method="post"<if condition="!is_browser('webtv')"> onsubmit="return fb_prepare_submit(this, 0)"</if>>[/PHP]بنفس القالب نبحث عن
[PHP] <input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />[/PHP]ونستبدله بـ
[PHP] <input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" onclick="isPreview = false" />[/PHP]بنفس القالب نبحث عن
[PHP] <input type="submit" class="button" name="sbutton" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />[/PHP]ونستبدله بـ
[PHP] <input type="submit" class="button" name="sbutton" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" onclick="isPreview = false" />[/PHP]4- قالب Newthread
نبحث عن
[PHP] <form action="newthread.php?do=postthread&amp;f=$forumid " method="post" name="vbform"<if condition="!is_browser('webtv')"> onsubmit="return vB_Editor['$editorid'].prepare_submit(this.subject.value, $vboptions[postminchars])"</if>>[/PHP]ونستبدله بـ
[PHP] $fb_prepare_submit
<form action="newthread.php?do=postthread&amp;f=$forumid " method="post" name="vbform"<if condition="!is_browser('webtv')"> onsubmit="return fb_prepare_submit(this, this.subject.value)"</if>>[/PHP]بنفس القالب نبحث عن
[PHP] <input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />[/PHP]ونستبدله بـ
[PHP] <input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" onclick="isPreview = false" />[/PHP]بنفس القالب نبحث عن
[PHP] <input type="submit" class="button" name="sbutton" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />[/PHP]ونستبدله بـ
[PHP] <input type="submit" class="button" name="sbutton" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" onclick="isPreview = false" />[/PHP]5- قالبSHOWTHREAD

نبحث عن
[PHP] <form action="newreply.php?do=postreply&amp;t=$threadid" method="post" name="vbform" onsubmit="return qr_prepare_submit(this, $vboptions[postminchars]);" id="qrform">[/PHP]و نستبدله بـ

[PHP]Replace With:
<form action="newreply.php?do=postreply&amp;t=$threadid" method="post" name="vbform" onsubmit="return fb_qr_prepare_submit(this, $vboptions[postminchars]);" id="qrform">
[/PHP]ونبحث عن
[PHP] <!-- / quick reply -->[/PHP]و نضيف قبله
[PHP] $fb_qr_prepare_submit[/PHP]6- قالبUSERCP_SHELL

نبحث عن
[PHP] <tr><td class="$navclass[password]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></td></tr>[/PHP]و استبدله بـ
[PHP] <if condition="$bbuserinfo[fbemail]">
<tr><td class="$navclass[password]" nowrap="nowrap"><a class="smallfont" href="#" onclick="facebook_prompt_permission('email'); return false;">$vbphrase[fbconnect_email_settings]</a></td></tr>
<else />
<tr><td class="$navclass[password]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></td></tr>
</if>[/PHP]7- قالبmodifyprofile

ابحث عن
[PHP] <fieldset class="fieldset">
<legend>$vbphrase[email_and_password]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td>$vbphrase[click_button_below_edit_email]</td>
</tr>
<tr>
<td>
<!-- don't remove -->
<input type="image" src="$vboptions[cleargifurl]" style="width: 1px; height: 1px;" />
<!-- / don't remove -->
<input type="submit" class="button" style="font-weight:normal" value="$vbphrase[edit_email_and_password]" name="gotopassword" />
</td>
</tr>
</table>
</fieldset>[/PHP]و استبدله بـ
[PHP] <fieldset class="fieldset">
<if condition="$bbuserinfo[fbemail]">
<legend>$vbphrase[fbconnect_email_settings]</legend>
<a href="#" onclick="facebook_prompt_permission('email'); return false;">$vbphrase[set_email_notification_settings]</a>
<else />
<legend>$vbphrase[email_and_password]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td>$vbphrase[click_button_below_edit_email]</td>
</tr>
<tr>
<td>
<!-- don't remove -->
<input type="image" src="$vboptions[cleargifurl]" style="width: 1px; height: 1px;" />
<!-- / don't remove -->
<input type="submit" class="button" style="font-weight:normal" value="$vbphrase[edit_email_and_password]" name="gotopassword" />
</td>
</tr>
</table>
</if>
</fieldset>[/PHP]8- قالب STANDARD_ERROR


ابحث عن
[PHP] </fieldset>[/PHP]و اضف قبله
[PHP] <!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]9- قالب STANDARD_ERROR_LITE

ابحث عن
[PHP] </fieldset>[/PHP]و اضف قبله
[PHP] <!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]10- قالبSTANDARD_ERROR_LOGIN

ابحث عن
[PHP] </fieldset>[/PHP]و اضف قبله
[PHP] <!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]a (28)

كذا بنكون خصلنا اصعب و اطول نقطة الان نيجي لاخر نقطة بالتركيب
________
الخطوة الاخيرة
اذهب الى خيارات الهاك


والى Settings
وقم بالعودة لصفحة الفيس بوك التي بها هذه الارقام


و عبئ الخيارات كما هو موضح بالصورة بالاسفل


و بنفس الصفحة اخر 3 خيارت ضعهاكلها الى صفر0


احفظ التغيرات ثم اذهب الى News-Feed Templates



و اضغط على [ Register Default Templates]

ثم اذهب الى Data Maping
و عبئها حسبما يناسب موقعك


_____________

كذا بنكون خلصنا بحمد الله

ملاحظة :

ما ريكم نربط موقنا بالفيس بوك

تحذير :

تسجيل الدخول هذا لا يعمل على الانترنت اكسبلورر 7 او 8 و لذلك جرى التنويه