| اشترك عبر RSS

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

December 22nd, 2010 مصنف في شبكات إجتماعية

تحديث:

لقد قام فيس بوك -كالعادة- باجراء تغييرات مفاجئة واوقف عمل تطبيق FBML

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

لكني وجدت تطبيقا آخر اسمه Tabpress

اذهب الى صفحة التطبيق الجديد واضفه الى صفحتك عن طريق الضغط على Add to My Page في اليسار

بعد ذلك سيظهر مباشرة على صفحتك علامة تبويب باسم Welcome

بما انك ادمن فستشاهد مباشرة لوحة تحكم لتكتب فيها ما تريد اظهاره للآخرين.. يمكنك كتابة ما تحب او وضع الكود الذي ذكرته بالاسفل لتضع صورة من تصميمك وتربطها بموقعك

ايضا هذا التطبيق يتيح لك عمل نسختين..نسخة لأعضاء الصفحة ونسخة أخرى للزوار الجدد.. يمكنك استخدام هذه الخاصية مثلا كأن تقول للزوار “انضم للصفحة واحصل على خصم خاص للاعضاء” وتضع كود الخصم في النسخة التي للأعضاء.. او “اضغط على “لايك” وهيطلعلك عفريت العلبة” وتحط العفريت في النسخة الأخرى.. كدة يعني

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

——————————————————————————————————

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

البعض أيضا يسأل عن كيفية إضافة صفحة الترحيب ويضع عليها صورة من تصميمه او عليها شعار شركته

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

  • اولا تذهب الى Edit Page

ستجدها تحت صورة البرفايل الخاصة بالصفحة

  • اضغط على Apps

  • اضف تطبيق Static FBML

ان لم تكن قد قمت باضافته من قبل ستجده في المقترحات في آخر الليستة قم باضافته عن طريق الضغط على Go to App

اختار اسم الصفحة التي تريد اضافة التطبيق اليها

  • ضبط اعدادات التطبيق

ستذهب مرة اخرى الى صفحة التطبيقات Apps كما شرحنا ثم تذهب الى التطبيق وتفعل حاجتين

  1. أولا تضغط على Edit Settings وتضيف علامة تبويب للحائط
  2. ثم بعد ذلك تضغط علىGo to App لتضيف الكود كما سنشرح

  • اضافة كود HTML

هنا يمكنك اضافة كود HTML لتصميم الصفحة كما تريد

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

يمكنك نسخ الكود من هنا مع تغيير الآتي

YOURLINK:  ضع عنوان موقعك او رابطك

مثلا ooshi.net

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

YOURTITLE: ضع العنوان الذي تريد الناس اذا شاوروا على الصورة يظهر لهم

مثلا The T-shirt Republic

PHOTOLINK: ضع رابط الصور بعد رفعها على أى سيرفر ، مثلا سيرفر موقعك او مدونتك او اى خدمة لرفع الصور مثل Photobucket

يجب ان ينتهي رابط الصورة بصيغة الصورة مثلا .png or .jpg

مثلا http://ooshi.net/images/landing.jpg

عند تصمييم الصورة يرجى مراعاة الا يزيد عرضها عن 520 بيكسل حتى تناسب حجم المكان الموجود على الصفحة

هذا هو الكود للنسخ

<a href=”http://YOURLINK” target=”_blank” title=”YOURTITLE “><img src=”PHOTOLINK” border=”0″ /></a>

  • جعل الصفحة هى الافتراضية

الآن بعد اضافة التطبيق ستجعل الصفحة هى الافتراضية لكل الزوار الذين يزورون الصفحة وهم غير مشتركين بها

اذهب الى Wall ثم اضغط على Options ثم Settings

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

الآن انتهيت من كل شيء ولكن قد يطرح البعض سؤالا وهو: كيف ارفع صورة على سيرفر؟

اذا كان لديك مدونة مثلا او موقع قم برفع الصورة في الGallery او Media

ثم خذ رابط الصورة وضعه في الكود كما شرحنا

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

  • Hany_hero22

    انا عملت تطبيق عايز احط التطبيق دة في صفحة جديدة والي يدخل الصفحة يلاقي تحت الصورة جملة اذهب للتطبيق يعني من الاخر صفحة تطبيق

    • ممكن تعملها باستخدام تطبيق FBML وتضع صورة ولينك على التطبيق التاني .. هتلاقي مقال هنا بيشرح الطريقة بالصور اسمه كيف تضيف صفحات جديدة من تصميمك الى صفحتك

  • Shaeereldabab2

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

    • ممكن تضع الاربع اكواد هنا؟ هو انت مش بتحتاج كود للصورة انت بس محتاج لينك مباشر بيكون في اخره صيغة الصورة

  • mido elmagic

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

  • Mohamed

    أنا كنت عاوز أرفع مجرد صورة للترحيب مش دعاية للصفحة
    جربت اكتب فى Your Link اسم موقع الرفع بتاع الصور اللى رفعت عليه الصورة
    وكتبت فى Your Title اسم الصفحة
    وكتبت فى Photo Link لينك الصورة اللي رفعتها علي موقع الرفع
    ومع ذلك بفتح التبويب فى الصفحة بلاقيه فاضي

    هل فيه طريقة اكتب بيها كود الصورة بس؟؟؟؟

    • لا يا محمد انا قصدي انك تكتب العنوان اللى انت عاوزه مكان ما انا كاتبة
      Your Title
      يعني مثلا اكتب
      welcome
      ومكان ما انا كاتبة
      photo link
      انت تستبدلها باللينك بتاع الصورة اللى رفعتها على الموقع يعني مثلا
      http://www.example.com/images/234.jpg

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

      2011/2/11 Disqus

  • Hessin_zoro

    انا عملت كل الخطوات دي بس في الاخر بادخل عليه القيها فاضية؟؟؟؟؟

  • Hessin_zoro

    وايه ااحسن برنامج html editor اقدر اتعامل معاهههه؟؟؟
    شكراااااااا

  • Hessin_zoro

    هل لازم تكون الصورة مرفوعة على النت ولا ممكن تكون عندي عل الهارد ؟؟؟
    ومعلش اخر سؤال انا لما جربت طلعلي الكلام منفصل عن الصورة فطلعلي الصورة فوق والكلام تحتيه

    • ايوة لازم تكون الصورة مرفوعة على النت

  • nn9

    طيب عندي سؤال بعد إلغاء خاصية اقتراح الأصدقاء للصفحة

    كيف نعوضها , هل هناك طريقة تقوم بنفس الوظيفة 🙁

    • البديل هو ارشاد الناس لعمل
      Share
      للصفحة ودة افضل كمان من اقتراح للاصدقاء لأنه هيظهر على صفحتهم الرئيسية

  • Mohamed mostafa

    انا مش عندي اصلا اضف الي صفحتي اعمل ايه

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

      دة تعليق فيس بوك على الموضوع: https://developers.facebook.com/blog/post/462#fbml_roadmap

    • قمت بتحديث المقال بالطريقة الجديدة برجاء قراءته مرة اخرى

  • السلام عليكم انا بقى مشكلتي غييير من الآخر معنديش زر ال fbmlوكمان مافي اي خاصية تمكنني من إضافته لانه عادة بيكون تحت الصفحة ـ بس انا مافي اي شي تحت وجزاك الله عني كل خير

    • تطبيق الFBML لم يعد يعمل

  • Mina Joker

    انا مصمم صفحات اصلآ وبعرف اعمل كل حاجة بس عندي استفسار ،، الخانة بتاعه ضبط صفحة الويلكم كصفحة رئيسية مش موجودة ،، وعايز اعرف ازاي اظبط الويلكم كرئيسية ،، آرجو الرد

    • اضغط على Edit Page
      ثم من Default landing tab
      اختار الصفحة التي تريدها

      مشكلة فيس بوك انه دائم التغير فكل شوية يغيروا الطريقة

      • Mohammed_maj

        للاسف اخوي يبدو انهم غيروا الطريقة
        انا جربت مثل ما بتقول بس ما وجدت اني بقدر اغير الصفحة
        يا ريت تفيدنا بالطريقة الجديدة لعمل صفحة الترحيب صفحة رئيسية

  • Ahmedezzezz21

    بجدحاجه تتعب مافيش اى حاجه نفعا هو  المبرمجين بيشتغلونا ولاايه 

    • لا والله ما فيه اشتغالة ولا حاجة 🙂 بس فعلا فيس بوك كل شوية يعمل تغييرات فكل الشروحات القديمة بتصبح غير فاعلة

  • Alaabouwer

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

    • هل اضفت الكود المكتوب بالاعلى؟ هل اضفته في المكان المخصص للزائرين وللاعضاء ايضا؟
      برجاء ارسال لينك الصفحة لرؤية المشكلة

  • انا ما بطلع عندي ال fbml ايش اعمل ؟؟؟

    • تم ايقاف التطبيق من قبل فيس بوك برجاء قراءة التحديث بالأعلى واستخدام التطبيق الآخر المكتوب

  •   انا عايزة البيج  بتاعى يكون فى اكتر المعجبين مو عارفة ازود المعجبين بليز ساعدونى
    https://www.facebook.com/edhak.llodonea

  • amr elmsry

    أنا عندى موقع عبارة عن جرنال و راديو و بنكون تيم اصلاحى ..فلو انا عاوز اضيف استمارة العضوية على الصفحه اعمل ايه و لو عاوز اخلى الفانز اللى عندى على البيدج يعملوا شير للجرنال من جو الصفحه بردو اعمل ايه .. ياريت تقدر تفدنى …ربنا يباركلك