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

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

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

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

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

حقوق التعريب

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


التركيب

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


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


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

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

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

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


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


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

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

[PHP]<script type="text/**********">
<!--
// Main vBulletin ********** Initialization
vBulletin_init();
//-->
***********[/PHP]

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

[PHP]<!-- fbconnect -->
$fbconnect_init
<!-- / fbconnect -->[/PHP]


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

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


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

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

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


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


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

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


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


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

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


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

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

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

نبحث عن

[PHP]</fieldset>[/PHP]


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

[PHP]<!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]

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


نبحث عن

[PHP]</fieldset>[/PHP]

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

[PHP]<!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]


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

نبحث عن

[PHP]</fieldset>[/PHP]


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


[PHP]<!-- fbconnect -->
$fbconnect_button
<!-- / fbconnect -->[/PHP]



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

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

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

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


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

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

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








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


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

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




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

نتوجه للرابط الاتى على الــ 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


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

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

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

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

شكرا على المجهود انا لا انصح به