You are Unregistered, please register or login to gain Full access
Recover Password: via Email | via Question
Thread Options  Search this Thread  
Post: #1
28-08-2012 14:14 (This post was last modified: 28-08-2012 15:35 by Guest)
Guest


Joined: Today
Posts: 0
Country:
-- tigerman10 is Offline now Disabled
شرح برمجة صفحة على الفيس بوك

[img] 
[/img]

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

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

FBML 1[/b]



FBML 2



FBML 3



FBML 4



FBML 5



FBML 6



FBML 7



FBML 8



FBML 9



FBML 10



[/size]



بعد ما حختار التاب اللى انا حعملها حتطلعلى الصفحة دى

 

دا فى حالة انك عندك صفحة واحدة ع الفيس لكن لو ليك اكتر من صفحة و انت ادمن فيها حيديك خيارت و انت تختار الصفحة اللى انت عايز تضيف ليها التاب
Add static fbml بعد كدا اضغط
Edit Page بعد كده هتروح للصفحة اللي انت ضفت فيها التاب و تعمل
كما موضح فى الصورة Apps و حتختار من القائمة على اليسار

 

كما موضح فى الصورة Fbml و بعد كده هتختار من القائمة باليمين
Go To App و هتضعط تحتها علي
لأنى مغير اسم التاب Welcome طبعا هى موجودة عندى

 

زى اللى فى الصورة اللى تحت حتكتب فيها عنوان التاب و المحتوى Edit Fbml بعد كدا حتظهر صفحة

 

( FBML ) و بكده ابقي خلصت شرح الاضافة

وبكدة التاب بقى اسمها ويلكم او افتتحاية نكمل ونشوف ازاى الكود بكتبة جواها

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

Edite Page >> Apps >> Fbml (Welcome) >> Go To Appبعا حتدخل تانى على

علشان نوصل للصفحة دى

 

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

[size=large]لأضافة صــورة للصفحــة - 1



CODE: (Select ALL)
<img src="ضع رابط الصورة المباشر هنا" border="0" width="259" height="63" />


ويمكنك التحكم فى حجم الصورة من خلال الارقام.



2 - لوضع صورة و بالنقر عليها تحولك لموقع اخر



CODE: (Select ALL)
<A HREF="ضع رابط صفحتك او موقعك هنا">
<img src="ضع رابط الصورة المباشر هنا" border="0" width="259" height="63" />

[/php]

3 - لادراج صوره و اسفل منها رسالة تكتبها للزائر



CODE: (Select ALL)
<img src="ضع رابط الصورة المباشر هنا" border="0" width="259" height="63" />
 
<center>اكتب رسالتك للزائر هنا</center>


4 - (لكتابة رسالة للزائر .. و يمكنك التحكم بحجم الخط من خلال تغيير الرقم ( 5



CODE: (Select ALL)
<center><font size="5">اكتب رسالتك الترحيبية هنا</font>‎</center>


5 - كتابة رسالة للزائر





CODE: (Select ALL)
<center><font size="5"><font face="Times New Roman"> <b><font color="#151B8D">اكتب رسالتك الترحيبية هنا</A></font></fontsize></b></center>


و يمكنك التحكم باللون من خلال تغيير القيمة
#151B8D
والتحكم بحجم الخط من خلال تغيير الرقم 5

وطبعا فى ناس حتقولى واحنا نعرف منين القيمة بتاعة اللون ؟

اديك موقع يحللك الموضوع دة كلة

موقع علشان تعرف قيمة الالوان

6 - زر اعجبنى like



CODE: (Select ALL)
<center><A HREF="اكتب رابط صفحتك هنا"><IMG SRC="http://img143.imageshack.us/img143/5006/49937991.png"><‎/A></center>


7 - كود اخر لزر اعجبني like



CODE: (Select ALL)
<style type="text/css">
#wrapper {background-image: url('');
background-repeat: none; width:520px; height:30px; display: block; overflow: hidden;}
</style>
<div id="wrapper">
<fb:comments xid="00_comments" canpost="false" candelete="false" returnurl="ضع رابط صفحتك هنا">
<fb:title></fb:title>
</fb:like>


8 -الترحيب بأسم الزائر



CODE: (Select ALL)
<center>
<font face="monotype corsiva"><font size="6"><font color="#FF0080">
<br><B> welcome </B><fb:userlink uid="loggedinuser" />
<br>
</center>
<font face="arial"><font size="2"><font color="#000000">


9 - رسالة تنبية للزائر



CODE: (Select ALL)
<fb:success>
<fb:message>Success message</fb:message>
اكتب رسالتك للزائر هنا
</fb:success>


11 - مربع حوار



CODE: (Select ALL)
<fb:live-stream event_app_id="126815494042601" width="400" height="500"/>


يمكن التحكم بحجمه من خلال تغيير الارقام 400 و 500

12 - ( Admin ) الادمن و صفحته الشخصية



CODE: (Select ALL)
<fb:message>[admin]</fb:message>
<fb:wall>
<fb:mediaheader uid="100001445781851">
<fb:header-title>اسم الادمن هنا</fb:header-title>
<fb:owner-action href="ضع رابط صفحتك هنا">الصفحه الشخصيه</fb:owner-action>
</fb:mediaheader>
</fb:success>


13 - صندوق دعوة الاصدقاء Invite Friends


CODE: (Select ALL)
<fb:request-form method="post" action="www.facebook.com.facelearn" type="اسم صفحتكـ" invite="true"content="invitation a rejoindre ma page
<fb:req-choice url='www.facebook.com.facelearn' label='GO' />
">
<fb:multi-friend-selector actiontext="ادعو اصدقائك لصفحة ...." " rows="3" cols="3" showborder="true" condensed="false" style="width: 300px;" />


14 - اضافة تعليق في الصفحة



CODE: (Select ALL)
<fb:comments xid="222_comments" canpost="true" candelete="true" returnurl="11111111111/">
<fb:title> 222222 عنوان للتبويب</fb:title>
</fb:comments>


15 - معلومات لا يراها الا المعجبون فقط



CODE: (Select ALL)
<br />
<fb:visible-to-connection>
تعلم معنا الفيسبوك
<img src="http://i52.tinypic.com/2j4r52s.jpg" />
</fb:visible-to-connection>


16 - هذا كود لخلفيه سوداء للتاب وهذا الكود ثابت



CODE: (Select ALL)
<!-- Codes by Quackit.com -->

<div style="background-color:#000000;width:520px;">
<p>
<BR/>
ضع هنا كل روابطك لكى تظهر فوق الخلفيه
<BR/>
</p>
</div>

وان اردت تغيير اللون فقط استبدل رقم اللون
الموجو فى موقع الالوان الموضوع

17 - هذا الكود لوضع صوره لخلفية التاب



CODE: (Select ALL)
<div style="background-image:url(رابط الصوره);

background-repeat:repeat;
width:520px;
height:999px;">
<p>
<BR/>
<BR/>
ضع هنا كل روابطك لكى تظهر فوق الخلفيه 
ويمكنك التحكم فى الارتفاع من الرقم 999 الموجود فى الكود
 
<BR/>
<BR/>
</p>
</div>


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

حنروح للموقع دة

موقع لاضافة الملف الصوتى

حيطلعلى الرسالة دى عادى كمل متخافش

 

حيفتحلك صفحة مركز رفع علشان ترفع علية الملف الصوتى بتاعك

 

حتدخل على صفحة رفع ،،، تمام

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

 

طيب ازاى اعدل الرابط علشان استخدمة ككود؟

 

طيب للناس اللى مش فاهمة الكود جاهز اهوة ما عليك الا تغير الرابط بتاعك بس
CODE: (Select ALL)
<fb:mp3 src="ضع الرابط المباشر" title="Song Name" artist="Song Artist" album="Album Name"/>


طيب لو عاوز اضيف فيديو دة الكود بتاعة

CODE: (Select ALL)
<center>
<div style="margin:0 auto;">
<fb:swf
...swfbgcolor="000000
imgstyle="border-width:3px; border-color:white; width=450px; height=320px;"
swfsrc='ضع رابط الفيديو'
imgsrc='ضع صورة للفيديو لن يعمل الكود الا بوضع الصورة' width='450' height='450'/></fb:swf>
</div>
</center>


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

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

شكرا لكم وفى رعاية الله وامنة
The following 7 users say thank you to Guest for this useful post:

Post: #2
28-08-2012 15:45
Chulina


Joined: 11-07-2012
Posts: 201
Country: Saudi Arabia
Male Chulina is Offline now Disabled
شرح برمجة صفحة على الفيس بوك
تسلم ايدك الشرح جامد جدا جدا
The following 3 users say thank you to Chulina for this useful post:

Post: #3
28-08-2012 19:13
HusseinAlor


Joined: 28-02-2012
Posts: 225
Country: Egypt
Male HusseinAlor is Offline now
شرح برمجة صفحة على الفيس بوك
بجد شرح تحفة تسلم ايدك
The following 3 users say thank you to HusseinAlor for this useful post:

Post: #4
29-08-2012 08:30
BLackFLower


Joined: 28-07-2010
Posts: 3,214
Country: Egypt
Female BLackFLower is Offline now Donated
شرح برمجة صفحة على الفيس بوك
Originally Posted by Chulina
تسلم ايدك الشرح جامد جدا جدا
The following user says thank you to BLackFLower for this useful post:

Post: #5
30-08-2012 13:07
Guest


Joined: Today
Posts: 0
Country:
-- ADnanRoyal is Offline now Disabled
شرح برمجة صفحة على الفيس بوك
Originally Posted by HusseinAlor
بجد شرح تحفة تسلم ايدك
The following user says thank you to Guest for this useful post:



Bookmarks
Digg del.icio.us StumbleUpon Google

Quick Reply
Decrease Size
Increase Size
Insert bold text Insert italic text Insert underlined text Align text to the left Align text to the centerr Align text to the right Justify text Insert quoted text Code Insert formatted PHP code Insert formatted SQL code
Colors
Insert hyperlink Insert image Insert email address
Smilies
Insert hidden text



Forum Jump: