شلة اصحاب على النت

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

انضم إلى المنتدى ، فالأمر سريع وسهل

شلة اصحاب على النت

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

شلة اصحاب على النت

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

Bookmark


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

http://up.progs4arab.com/uploads/de0bdf66b3.jpg
http://up.progs4arab.com/uploads/00fa7905f7.jpg


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

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


	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% 10010
اول موقع مصري عربي لتحميلات و شرح برامج و بوتات سرفرات Xmpp/Jabber باللغه الأنجليزيه لمنافسه المرمجين الروسين و الايرانين و الاندونيسين بلغتهم
او اللغه الثانيه في كل انحاء العالم ارجو منكم الزياره و الدعم.... بواسطه: محمد جمال 201225516116+



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

    محمود عبدالله
    محمود عبدالله
    مدير عام المنتدى
    مدير عام المنتدى


    زقم العضويه : 1
    عدد المساهمات : 7882
    نقاظ : 17780
    السٌّمعَة : 44
    تاريخ التسجيل : 29/12/2009
    العمر : 54
    الموقع : مصر

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

    مُساهمة من طرف محمود عبدالله السبت أكتوبر 29, 2011 9:50 pm



    <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="33%">
    </td>
    <td width="33%">
    </td>
    <td width="33%">
    </td>
    </tr>
    </table>


    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td> <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td valign="top" width="52%">
    </td>
    <td width="43%">







    </td>
    <td width="5%">
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td> <table id="table12" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td align="center" width="22%">
    </td>
    <td align="center">

    شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100%
    </td>
    <td align="center" width="22%">

    مشاركة41

    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>


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

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

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


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

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


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


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

    Create a Page | Facebook


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

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

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


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


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



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



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


    <table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% Wol_error</td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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



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




    <table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">
    </td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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



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



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



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




    <table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">
    </td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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

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



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




    <table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% Wol_error</td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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



    <table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% Wol_error</td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">هذه الصورة تم اعادة تحجيمها . الحجم الافتراضي لها هو 704x498.</td>
    </tr>

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


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




    <table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% Wol_error</td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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


    <table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">	  شرح طريقة التعامل واستخدام تطبيق Static FBML والاستفادة منه على صفحات الفيس بوك بالصور100% Wol_error</td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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


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

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


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



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



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



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




    <table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffe1; COLOR: #000000; BORDER-TOP: #cccccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #cccccc 1px solid; background-origin: initial; background-clip: initial" border="0" width="700">

    <tr>
    <td class="td1" style="PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 2px" width="20">
    </td>
    <td class="td2" style="FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; VERTICAL-ALIGN: middle; TEXT-DECORATION: none">
    </td>
    </tr>

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





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

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

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



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

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

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

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



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



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

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

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



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



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

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



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



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

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



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



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

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



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



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



    ويمكن استخدام الصندوق الجانبي لعرض بنرات عامودية أو إضافة صور معينة وغيرها ...

    أتمنى أن أكون قد وفقت في شرح طريقة استخدام تطبيق Static FBML ، لكم تحياتي


    =========================================



    انتهى الموضوع... يمكنك التعليق
    على الموضوع في الاسفل


    محمود عبدالله
    محمود عبدالله
    مدير عام المنتدى
    مدير عام المنتدى


    زقم العضويه : 1
    عدد المساهمات : 7882
    نقاظ : 17780
    السٌّمعَة : 44
    تاريخ التسجيل : 29/12/2009
    العمر : 54
    الموقع : مصر

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

    مُساهمة من طرف محمود عبدالله السبت أكتوبر 29, 2011 9:56 pm

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

      الوقت/التاريخ الآن هو الجمعة مارس 29, 2024 4:09 am