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

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


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

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

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

حقوق التعريب

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


التركيب

نقوم برفع الملفات الموجودة داخل مجلد 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 -->







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

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

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

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


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

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

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








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


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

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

<table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="500"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 886x1030.</td></tr></table>


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

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

https://www.facebook.com/developers

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

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

<table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="500"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 669x475.</td></tr></table>


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

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


<table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="500"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 786x325.</td></tr></table>

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

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

<table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="500"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 938x626.</td></tr></table>

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

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

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

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

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

<table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="500"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 651x656.</td></tr></table>


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

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

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

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

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

API Key
257c02ae8cda1bb5079d2b7223cf219d

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


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

Application Secret
249f648bf52d07070211396521d10041


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

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

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

Application ID
50971863634


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

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

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

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