هاك ربط الفيس بوك بمنتداك حصريا لمطور فقط تعريب كامل مع الشرح

بسم الله الرحمن الرحيم
الحمد لله رب العالمين والصلاة والسلام على خير المرسلين
اما بعد ...

حياكم الله احبتنا

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

حقوق التعريب

تعود حقوق التعريب كاملة لمطور و توب لاين ( تعريب : عاشق الشهادة )


التركيب

نقوم برفع الملفات الموجودة داخل مجلد Upload داخل مجلد المنتدى الرئيسى vb


ثم نقوم برفع البرودكت للمنتدى


الان ناتى للتعديل على القوالب ارجوا التركيز

قبل ان نبدأ بعون الله

لا تنسوا ذكر الله

لا اله الا الله - محمد رسول الله


نبدا التعديل على القوالب بعون الله تعالى


اولا نفتح قالب footer

ثم نقوم بالبحث عن

كود PHP

<script type="text/javascript"> <!-- // Main vBulletin Javascript Initialization vBulletin_init(); //--> </script>

ثم نضع بعده مباشرتا

كود PHP

<!-- fbconnect --> $fbconnect_init  <!-- / fbconnect -->

ثم نقوم بفتح قالب navbar

ثم نبحث عن

كود PHP

<!-- / login form -->

ثم نضع بعده مباشرتا

كود 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 -->

ثم نقوم بفتح قالب 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

$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

<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />

نستبدله بهذا الكود

كود PHP

<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" onclick="isPreview = false" />

ايضا مازلنا فى نفس القالب


نبحث عن

كود PHP

<input type="submit" class="button" name="sbutton" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" />

نستبدله بهذا الكود

كود PHP

<input type="submit" class="button" name="sbutton" value="$vbphrase[submit_reply]" accesskey="s" tabindex="1" onclick="isPreview = false" />

انتهينا من هذا القالب

لا تنسوا الصلاة على الحبيب محمد

اللهم صلى وسلم وبارك عليه صلاة ترضيك وترضيه


نقوم بفتح هذا القالب 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

$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

<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />

ثم نقوم باستبداله بهذا الكود

كود PHP

<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" onclick="isPreview = false" />

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

كود PHP

<input type="submit" class="button" name="sbutton" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />

ثم نستبدله بهذا الكود

كود PHP

<input type="submit" class="button" name="sbutton" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" onclick="isPreview = false" />

انتهينا من هذا القالب

فلنذهب سويا الى القالب الاخر الذى سوف نقوم بالتعديل عليه


سبحان الله وبحمده سبحان الله العظيم


نقوم بفتح قالب 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

<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

<!-- / quick reply -->

نضع قبله ( انتبه قبل الكود وليس بعده )

كود PHP

$fb_qr_prepare_submit

بفضل الله تعالى انتهينا من هذا القالب


نقوم بفتح القالب 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

<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>

ثم نقوم بفتح قالب 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

<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>

ثم نقوم بفتح قالب STANDARD_ERROR

نبحث عن

كود PHP

</fieldset>

نضع قبله ( انتبه قبل الكود )

كود PHP

<!-- fbconnect --> $fbconnect_button <!-- / fbconnect -->

ثم نقوم بفتح القالب STANDARD_ERROR_LITE


نبحث عن

كود PHP

</fieldset>

نضع قبله ( انتبه قبل الكود )

كود PHP

<!-- fbconnect --> $fbconnect_button <!-- / fbconnect -->

ثم نقوم بفتح القالب STANDARD_ERROR_LOGIN

نبحث عن

كود PHP

</fieldset>

نضع قبله ( انتبه قبل الكود )

كود PHP

<!-- fbconnect --> $fbconnect_button <!-- / fbconnect -->

هذا وانتهى امر تركيب الاكواد والملفات

ناتى يا احبة لربط الهاك بالفيس بوك مهمة جدا

لن اقوم بالشرح قبل ان ندعوا الى اخواننا المستضعفين فى الارض

اللهم انصر اخواننا المستضعفين فى فلسطين والعراق والشيشان وافغانستان
وفى كشمير وفى كل بقاع الارض يا رحيم بالعباد


طبعا بعد كل هذا التركيب يجب ان نجد ثمرة النجاح

سوف تجد فى قائمة لوحة تحكم المنتدى الاتى اتبع الشرح

هذه هى صورة القائمة الجانبية








يوجد بها احبتنا


- الاعدادات
-قوالب تغذية الاخبار
-بيانات الخرائط
- حقوق التعريب

الان ندخل الى الاعدادات تابع بكل دقة معى الله يبارك فيكم




الان ياتى اهم شىء ركز معى احنا الان فاتحين على صفحة الاعدادات

نتوجه للرابط الاتى على الــ Face Book

http://www.facebook.com/developers

بعدها بتسجل دخول عادى جدا من خلال الرابط المذكور سلفا

بتجد مثل هذه الصفحة امامك مباشرتا




الحين نرى ان هناك مربع بداخله كلمة Create one

بنضغط عليها يا احبة بتظهر لنا هذه الصفحة




كما هو موضح بتنشط انك موافق على الاتصال
وبتكتب اسم الجروب الخاص بك

بعدها بنتابع وبتظهر لنا هذه الصفحة



كما هو موضح ظهر لنا اكواد وارقام وضعت عليها مربع اسود هام جدا

بعدها بتستكمل كافة بينات الاتصال فى الصفحة

ويجب وضع رابط المنتدى كما هو موضح

ثم بعد الانتهاء نحفظ الصفحة

سوف تظهر لنا هذه القائمة




بها كافة البيانات التى تم اضافتها

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

الان نعود الى الاعدادات فى الهاك فى لوحة تحكم المنتدى

الان اول اعداد كما هو موضح فى الاعدادات لديكم هو
Facebook Application API Key

سوف اقوم باخذ الكود الخاص به من الفيس بوك والذى كان برقم

API Key
257c02ae8cda1bb5079d2b7223cf219d

ثانى اعداد كما هو موضح فى الاعدادات بعنوان
Facebook Application Secret


نذهب لصفحة الفيس بوك والتى ظهرت فى النهاية وظهرت بها الاكواد سوف نجده باسم

Application Secret
249f648bf52d07070211396521d10041


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

رقم عضوية منشىء المجموعة الأفتراضى

وهو كما كان موضح فى الصورة لدى انا

Application ID
50971863634


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

اما باقى الاعدادات فاتركها كما هى ولا تعدل فيها شىء ثم احفظ الاعدادات

وبهذا ولله الحمد من قبل ومن بعد قد تم الانتهاء من تركيب الهاك



رابط التحميل من هنا

تقبلو تحياتي

المصدر ..