منتديات مدينة الاحلام - شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100%

الحمد لله رب العالمين والصلاة والسلام على أشرف الأنبياء وسيد المرسلين وبعد ،،،

نظرا لعدد الاستفتسارات الكبير حول وضع بلوكات على جانب صفحات الفيس بوك Facebook وتبويبات اضافية باستخدام تطبيق Static FBML
فأحببت ان أجيب عن هذا التساؤل بدرس خاص من دروس دورتنا ،مع أني كنت اود طرحه في المحور الثالث وهو محور صفحات الفيس بوك ...

طبعا (FBML)هي ختصار لكملة Facebook Markup Language ، وتعني لغة ترميز الفيس بوك .

ما هي فائدة تطبيق Static FBML ؟

يسمح لنا تطبيق static FBML ، بإضافة صفحات على شكل تبويب ثابت على صفحتنا وكذلك صناديق جانبية على صفحات الفيس بوك
يمكن الاستفادة منها بوضع تصاميم خاصة باستخدام أكواد html ، وإضافة صور وعداد زوار وغيره في الصناديق الجانبية ، وكما هو مشاهد في عدد من صفحات
الفيس بوك .

كيف نضيف تطبيق static FBML إلى صفحاتنا على الفيس بوك Facebook؟

في البداية لابد ان يكون لك صفحة على فيس بوك ولإنشاء صفحة على الفيس بوك اتبع هذا الرابط :

Create a Page | Facebook

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

الآن لنبدأ شرح اضافة تطبيق Static FBML واستخدامه على صفحاتنا ولنشاهد الصور التالية :

ادخل على صفحتك التي تديرها ولتكن صفحة دروة كيف تحترف استخدام الفيس بوك (مجانا)

سنجد أسفل صورة الصفحة ، رابط تعديل الصفحة قم بالضغط عليه :

http://www.up.mtwer.com/files/4380.jpg

ستظهر لك الآن صفحة التعديل الخاصة بصفحتك ، أنزل إلى نهاية الصفحة ستجد في النهاية تطبيقات أكثر اضغط على ثابت FBML بـ (Static FBML)

http://www.up.mtwer.com/files/4381.jpg

http://www.up.mtwer.com/files/4382.jpg

ستنتقل إلى صفحة التطبيق ، وتجد أسفل صورة التطبيق رابط بمسمى إضافته إلى صفحتي قم بالضغط عليه :

http://www.up.mtwer.com/files/4383.jpg

ستظهر لك نافذة قم باختيار الصفحة التي تود إضافة التطبيق لها إذا كان لك أكثر من صفحة تديرها كما في الصورة التالية :

http://www.up.mtwer.com/files/4384.jpg

نعود الآن إلى صفحتنا التي اضفنا عليه التطبيق ، ونضغط على تعديل الصفحة ، سنجد بأن تم اضافة التطبيق على الصفحة بالمسمى التالي FBML ، قم الآن بالتعديل على التطبيق اضغط على تعديل:

http://www.up.mtwer.com/files/4385.jpg

http://www.up.mtwer.com/files/4386.jpg

ستظهر لنا الآن صفحة التعديل على التطبيق ، سنقوم بإختيار عنوان الصندوق ، ونقوم بوضع المحتوى سواء نصوص أو كود html كما نشاهد في هذه الصور :

http://www.up.mtwer.com/files/4387.jpg

http://www.up.mtwer.com/files/4388.jpg

بعد حفظ التغييرات ننتقل الآن إلى الصفحة وسنجد بأنه تم ادراج تبويب جديد وبالاسم الذي اخترناه والمحتوى الذي وضعناه على تطبيق static FBML :

http://www.up.mtwer.com/files/4389.jpg

http://www.up.mtwer.com/files/4390.jpg

الآن لو أردنا جعل هذا التبويب الجديد هو التبويب الرئيسي المشاهد لزوار الصفحة نتبع هذه الخطوات :

من تعديل الصفحة ومن صفحة التعديل نضغط على خيار تعديل اعدادات الحائط كما في الصورة :

http://www.up.mtwer.com/files/4391.jpg

ثم نختار الصفحة الافتراضية لكل الباقين هي الصفحة التي أنشأناها كما في الصورة التالية :

http://www.up.mtwer.com/files/4392.jpg

ثم عودة إلى الصفحة من جديد وعند دخول أحد الزوار (أي غير منضم إلى الصفحة )
فسيظهر له التبويب الذي قمنا بإنشائه والتعديل عليه كما مشاهد في الصورة التالية :

http://www.up.mtwer.com/files/4393.jpg

نود الآن أن ننتقل إلى جزئية أخرى وهي كيفية عمل صندوق جانبي على صفحات الفيس بوك باستخدام تطبيق Static FBML ؟

نضغط على تعديل الصفحة ، ومن خلالها نذهب إلى الصفحة التي قمنا بإضافتها قبل قليل باستخدام تطبيق Static FBML ،
لإضافة واحد جديد واستخدامه كصندوق جانبي على صفحتنا شاهد الصور التالية :

هذه هي الصفحة التي قمنا بانشائها قبل قليل نضغط على تعديل ومن صفحة التعديل نأتي إلى نهاية صفحة التعديل الخاصة بتطبيق FBML نجد رابط اضف مربع إضافة لغة الفيس بوك آخر كما في الصور التالية :

http://www.up.mtwer.com/files/4394.jpg

http://www.up.mtwer.com/files/4395.jpg

http://www.up.mtwer.com/files/4396.jpg

http://www.up.mtwer.com/files/4397.jpg

الآن نقوم بالتعديل على الاضافة الجديدة ، وسنجعلها عداد زوار وسنستخدم كود لعداد زوار من الموقع التالي : Flag Counter » free counters - collect flags - learn about your visitors! ، وشاهد معنا بالصور كيفية عمل ذلك :

http://www.up.mtwer.com/files/4398.jpg

http://www.up.mtwer.com/files/4399.jpg

http://www.up.mtwer.com/files/4400.jpg

الآن نأتي لخطوة مهمة وهي لنجعل التطبيق يظهر كصندوق جانبي ، نضغط على تعديل التطبيق ومن ثم تظهر نافذة نختار من أضف امام كلمة صندوق ،
ويمكن أن نزيل التبويب فنضغط على إزلة أمام كلمة تبويب كما في الصور التالية :

http://www.up.mtwer.com/files/4401.jpg

http://www.up.mtwer.com/files/4402.jpg

نعود الآن لعرض الصفحة من جديد وننتقل إلى تبويب الصناديق كم في الصور التالية :

http://www.up.mtwer.com/files/4403.jpg

http://www.up.mtwer.com/files/4404.jpg

سنجد الصندوق الذي قمنا بإضافته سنجري عليه تعديل كما في الصور التالية :

http://www.up.mtwer.com/files/4405.jpg

http://www.up.mtwer.com/files/4406.jpg

نعود الآن إلى لصفحة وسنجد بأنه ظهر كصندوق جانبي على الصفحة :

http://www.up.mtwer.com/files/4407.jpg

منقوووووووووووول
من منتديات مطور