48
مجموعة أكواد FBml لصفحات الفيس بوك


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


والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين
تنبيه : تم إلغاء تطبيق fbml من قبل ادارة الفيس بوك لذلك يمكن الاستعانة بتطبيقات iframe , iwipa

 
مجموعة أكواد FBml  لصفحات الفيس بوك







وأول كود يجب وضعه هو كود لخلفية صفحة الترحيب وهذه أكواد لصفحات ترحيب جديدة من تصميمى تجدها
 خلفيات  جاهزة Fbml


2-كود تغيير لون خلفية الصفحة
<div style="background-color:#000000;width:810px;">
<p>
<BR/>

ضع الأكواد هنا

<BR/>
</p>
</div>

ويمكن التحكم باللون وذلك بتغيير كود اللون 000000#  ويمكنك نسخ أكواد الألوان بمولد الأكواد الفلاشى الموجود هنا


3-كود إظهار صورة الأدمن
<CENTER>
<fb:wallpost uid="معرف حسابك على فيسبوك ID " t="00000000">
<br />
</fb:wallpost>
</CENTER>
  معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته إضغط على صورة بروفايلك ثم إنسخ الرقم الموجود بالعنوان أعلى المتصفح
إذهب إلى هذا الموضوع

كيف تعرف رقم معرف حسابك على فيسبوك Your Facebook Profile ID




4-الترحيب بإسم الزائر:

<CENTER>
<font face="monotype corsiva"><font size="6"><font color="#810541">
<br><B> welcome </B><fb:userlink uid="loggedinuser" />
<br>
<font face="arial"><font size="4"><font color="#000000">
</CENTER>
 
  ويمكنك تغيير اللون عن طريق مولد أكواد الألوان الفلاشى وإستبدال كود اللون المطلوب بالقيمة 810541
يمكن تغيير نوع الخط بتغيير monotype corsiva  بإسم الخط المطلوب
يمكن تغيير حجم الخط بتغيير القيمة size="6




5-زر share

<CENTER>
<fb:share-button class="url" href="رابط صفحتك" /> <br /><br />
</CENTER>


6-زر أعجبنى Like

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

ويمكن التعرف على كيفية وضع زر like,likebox بطريقة إحرافية من هــناااااااااااا

 7- كود وضع صورة
أولاً يجب رفع الصورة وأخذ الرابط المباشر لها ووضعه فى الكود
مركز رفع الصور هنــاااا

<center><img src="ضع رابط الصوره هنا" /><br />
<center>

 8-كود للأخفاء معلومة عن غير المعجبين
<fb:visible-to-connection>

كل شئ تريد اخفائه ضعه هنا بين الكودين

</fb:visible-to-connection>

 9-كود وضع ملف صوتى mp3 
أولا يجب رفع الملف الصوتى mp3 من أى موقع لرفع ال mp3
ثم نسخ الرابط المباشرDirect Links
<fb:mp3 src="الرابط المباشر للملف الصوتى" title="إسم الملف الصوتى" artist="إسم المنشد" album="Album Name"/>

10-كود وضع ملف صوتى تلقائى التشغيل
لابد ان يكون امتداد الملف الصوتى SWF


<CENTER>
<object width="520" height="400">
<param name="movie" value="somefilename.swf">
<embed src="رابط الفلاش" width="1" height="1">
</embed>
</object> 
</CENTER>






11 -كود فيديو يوتيوب 
نسخ رابط الفيديو من اليوتيوب واستبداله بكلمة رابط الفيديو بالكود


<CENTER>
<div style="margin:0 auto;">
<fb:swf
swfbgcolor="000000
imgstyle="border-width:3px; border-color:white; width=450px; height=320px;"
swfsrc='رابط الفيديو'
imgsrc='http://img840.imageshack.us/img840/4532/93022289.png' width='450' height='450'/></fb:swf>
</div>
</center>




يمكنا التحكم فى طول وعرض الفيديو بالتغيير فى هذه القيم
width='450' height='450




12-نافذة منبثقة:
<CENTER>
<CENTER><!-- FBML LINK -->
<a href="#" clicktoshowdialog="dialog">نافذه منبثقه</a>
<!-- END FBML DIALOG LINK -->
<!-- FBML DIALO -->
<fb:dialog id="dialog">
<fb:dialog-title>العنوان</fb:dialog-title> <fb:dialog-content>
<fb:visible-to-connection>

<img src="رابط الصورة" alt="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
-

13-أضف تعليق Add comment
<CENTER>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="معرف حسابك على فيسبوك ID" numposts="10" width="425" publish_feed="true"></fb:comments>
</CENTER>
   معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته إضغط على صورة بروفايلك ثم إنسخ الرقم الموجود بالعنوان أعلى المتصفح

14-وضع فلاش فى التاب


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

ونسخ الربط المباشر
ثم وضعه بالكود
 
<center>
<fb:swf
...swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='رابط الفلاش'
imgsrc='رابط الصورة'
width='250' height='250' />
</center

تغيير طول وعرض الفلاش يتم يدويا بتغيير قيمwidth & height                      
ويفضل وضع الفلاش فى تطبيق iframe يمكن متابعة الدرس من هنااااااااااااا
ووضع كود الفلاش الموجود هــنااااااااا



15-  الشات

<CENTER>
<fb:chat-invite msg="ماذا تريد ان تبعت بالشات اكتبه هنا" condensed="false" exclude_ids="1,2,3" />
</CENTER>

 16-دعوة الأصدقاء
<CENTER>
<fb:request-form
method="post"
type="My Fan Page"
invite="true"
content="Come and check out my new fan page.<fb:req-choice url='رابط الصفحة' ' label='GO' /> ">
<fb:multi-friend-selector actiontext="Invite your best friends to My Fan Page" rows="3" showborder="true" cols="3"  />
</fb:request-form>
</CENTER>



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

17-صندوق سكرول بار

<CENTER>
<style type="text/css">
div.scroll
{
background-color:#6DBBE0;
width:400px;
height:200px;
overflow:scroll;
}

</style>
<div class="scroll">

اكتب ما تريد

</div>
</CENTER>


18-كود البحث فى الفيس بوك

<CENTER>
<!-- Search FB -->
<FORM method=GET action="http://www.facebook.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.facebook.com/">
<IMG SRC="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs624.snc3/27535_20531316728_5553_q.jpg" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Search In FaceBook">
</td></tr></TABLE>
</FORM>
<!-- Search FB -->
</CENTER>







19- كود البحث فى جوجل


<CENTER>
<form action="http://www.google.com/search" method="get" target="_blank">
 <table height="28" cellSpacing="0" cellPadding="0">
   <tbody>
     <tr>
       <td height="24"><a style="COLOR: #2e5295; TEXT-DECORATION: none" href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absMiddle" border="0" width="128" height="53"></a>
         <input maxLength="255" size="25" name="q" style="color: #800000; border: 1 solid #000000">
         <input type="submit" value="ابحث" name="btnG" style="color: #FFFFFF; font-family: Tahoma; background-color: #333300; border: 1 solid #000000"></td>
     </tr>
   </tbody>
 </table>

20- كود لعمل مسافات بين عناصر الصفحة
<BR/>

21-كود جعل الكتابة عريضة Bold

<B> النص </B>
 22- التحكم فى أبعاد الصورة بتبديل الابعاد الموجوده فى الكود

<IMG SRC="رابط الصوره" HEIGHT="30" WIDTH="100">
23- تحويل الكلمه الى رابط  مع مراعاة تغيير الرابط

<A HREF="http://conda3ianllkhir.blogspot.com/"> النص </A>

24- صورة بالضغط عليها تذهب إلى رابط
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/2011/06/1000.html"><IMG SRC="http://img855.imageshack.us/img855/7808/downloader.png"></A>

<center>
<BR/>

25- توسيط الكلام أو أى عنصر بالصفحة

<center> النص أو الصورة </center>
26- تغيير حجم الخط
<FONT SIZE="5"> Text </FONT>
27- كود تغييرلون الخط 

<FONT COLOR="#3388a0"> Text </FONT>
تغيير اللون يتم بتغيير القيمة 3388a0  عن طريق مولد أكواد الألوان الفلاشى 

28- كود كتابة رابط 
إستبدال الرابطhttp://conda3ianllkhir.blogspot.com/  بالرابط المطلوب 
<A HREF="http://conda3ianllkhir.blogspot.com/"> http://conda3ianllkhir.blogspot.com/ </A>

29- كود جدول

<CENTER>
<TABLE BORDER="3">
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

</TABLE>
</CENTER>


مع مراعاة إستبدال كلمة Data فى الكود بالنص المراد كتابته 

30-كود لائحة من الفقرات 

<ul>
<li>الفقرة 1</li>
<li>الفقرة 2</li>
</ul>

31- كود كتابة نص معين
<br/>
<center><FONT COLOR="#3388a0"><FONT SIZE="5"> 

النص
 </FONT></FONT></center>


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


قد يهمك أيضا:

إضافة المصحف الجامع والمزيد من التطبيقات الإسلامية لصفحات الفيس بوك
شرح تصميم صفحة ترحيب للفيس بوك بدون أكواد بتطبيق iwipa
مجموعة أزرار وقوائمfbml
الكتابة بالجليتر فى صفحات ترحيب الفيس بوك 

المزيد من الأكواد تجدها هنا

مواضيع ذات صلة

48 التعليقات:

ahmed يقول...

ممكن كود اضافة رابط فى الصفحة وشكرا

Dr.R.o يقول...

ahmed

تم تحديث الموضوع وتزويد الموضوع ببعض الأكواد
وتم وضع كود الرابط
شكرا لمرورك

غير معرف يقول...

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

Dr.R.o يقول...

نعم يمكن وضع أكثر من كود وتنسيقها بالشكل المناسب
شكرا لمرورك

غير معرف يقول...

السلام عليك وربي شرح رووعه وكنت بدور على هيكي شرح مشكور يا غالي ومقصرت بس انا عندي استفسار اكو صفحه بالفيس بوك بتعمل اضويه بتشتغل وبتطفي يرجى الاطلاع ومشكور مره ثانيه http://www.facebook.com/Emoticone.Profil

Hafez يقول...

جزاك الله كل خير
ومدونتك رائعة جدا فهى من book mark عندى
http://sniper-car.blogspot.com/
وأنتظرك جديدك فقد أفدتنى فلى صفحتى كثيرا
http://www.facebook.com/pages/%D8%B3%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%AC%D8%A7%D9%85%D8%AF%D8%A9-%D8%A8%D8%B3/205004159547521#!/pages/%D8%B3%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%AC%D8%A7%D9%85%D8%AF%D8%A9-%D8%A8%D8%B3/205004159547521?sk=wall
http://sniper-car.blogspot.com/

Dr.R.o يقول...

غير معرف
شكرا جزيلا لك وبالنسبة لإستفسارك ممكن الإطلاع على هذا الموقع ستجد رد بإذن الله
http://funnyfacebook.org/emoji/68828

Dr.R.o يقول...

Hafez
جزاك الله كل خير شرفتنى بمتابعتك

غير معرف يقول...

جزاكم الله خيرا .... سؤال : كيف اعرف رابط صفحتي ... (ليس صفحة الشخصية ) أعني الصفحة أو المدونة

Dr.R.o يقول...

رابط الصفحة يمكن معرفته عن طريق كليك يمين على رابط الصفحة ثم
copylink location

غير معرف يقول...

السلام عليكم و رحمة الله و بركاته
كل عام و أنتم بخير



كيف يمكن جعل ازرار لايك في صفحات الفيس بوك بجانب بعض ؟؟؟

مثل هذه : http://www.facebook.com/Like.Fans?sk=app_4949752878
و شكرا

AyOuB يقول...

السلام عليكم
جزاكم الله خيرا
عندي صفحة موقع على الفيس بوك..واريد الصفحة الاولى التي تظهر يكون فيها صورة لما في الموقع من تصميمنا، بحيث لما يضغط عليها الزائر تحوله الى موقعنا
هل ممكن مساعدة منكم؟

Dr.R.o يقول...

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

غير معرف يقول...

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

Dr.R.o يقول...

قريبا سأعد درسا بتغيير شكل الماوس بإذن الله
شكرا لمتابعتك

anosyat يقول...

السلام عليكم ورحمة الله وبركاته
اكواد جميله جدا واستفدت منها كثيرا , لكن بالنسبه للكود رقم 16
فهناك مشكله اولا لا يمكن ارسال الصفحه لأكثر من 3 اصدقاء ...وحتى عند اختيار صديقين او 3 والضغط على ارسال تظهر لي رساله تقول
Sorry, you have run out of requests to send with this application. Please try again tomorrow
اعدت المحاوله في عدة ايام وعلى فترات متباعده الا ان المشكله بقيت كما هي!!!
فما هو الحل؟؟

Dr.R.o يقول...

anosyat
شكرا أخى الكريم على متابعتك
فعلا أحيانا تحدث هذه المشكلة بهذا الكود
لذلك استبدلت الكود بتطبيق دعوة الأصدقاء يمكن اضافته لصفحتك من خلال هذا الرابط
http://www.facebook.com/apps/application.php?id=181411457193

omar Hesham يقول...

بعد اذنك عاوز اعرف كود تغيير الخلفية كصورة وليس الوانها وشكرا للافادة^^

omar Hesham يقول...

بعد اذنك وعاوز كمان صفحتي تبقي زي الصفحة ده فعاوز الاكواد بتاعتها يعني علشان تبقي حلوةhttp://www.facebook.com/MeDoo.Music?sk=app_23744633048 وشكرا جدا لمواضيعك الحلوة جداااااااا

omar Hesham يقول...

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

Dr.R.o يقول...

omar Hesham
لجعل صفحة الترحيب أول صفحة موجود الشرح فى نهاية هذا الموضوع
http://conda3ianllkhir.blogspot.com/2011/09/blog-post_03.html

أكواد تغيير الخلفيات على الرابط
http://conda3ianllkhir.blogspot.com/2011/09/fbml.html
وممكن تبديلها بأى صور مناسبة لموضوع الصفحة

شات صوتي يقول...

يعطيك العافيه اخوي على الافاده

بصراحه قمه في الطرح


لاخلا ولا عدم

ننتظر جديدك المستمر

ماسنجر يقول...

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

أحمد يقول...

حفظك الله أختي وبارك الله فيكم
أريد كود زر أعجبني لصفحة الفيس بوك لأن الزر القديم تم إلغاؤه
جزاكم الله خيرا

Dr.R.o يقول...

زر أعجبنى موجود بالكود رقم 6

الابتسامة من حق كل إنسان يقول...

اختى الفاضله اريد ان اضع مقاطع من هذا الموقع المتخصص في ترجمة القرآن بالصوت
http://www.mp3qurantranslation.com/index.php?id=11
ولكن عندما اضع الرابط يأتي ايقونة التشغيل واضغط عليها ولكن لا تشتغل
اريد ان اضعها في هذه الصفحة
https://www.facebook.com/pages/HISNUL-MUSLİM

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

Dr.R.o يقول...

جزاك الله خيرا على هذه الصفحة الرائعة
ممكن إستخدام الكود رقم 23 ونسخ رابط كل مقطع على حدة

غير معرف يقول...

ممكن اعرف كود لدعوة الاصدقاء

Dr.R.o يقول...

دعوة الأصدقاء موجود بالكود رقم 16 بالموضوع أعلاه

غير معرف يقول...

بارك الله فيكم
ممكن أعرف ازاي أضع أيقونة صفحتي في تويتر في صفحتي العامة ؟
وكمان ازاي أضع صفحة حسابي في اليوتيوب عبى صفحتي العامة أيضًا ؟

Dr.R.o يقول...

لربط حساب تويتر بصفحة الفيس بوك إتبع الخطوات
Edit Page>>Resourses>>Link your Page to twitter

أما لربط الصفحة بأى موقع أو اليوتيوب
فعن طريق تطبيق Rss graffiti على هذا الرابط
http://apps.facebook.com/rssgraffiti/?ref=ts

YusufMahasnah يقول...

يطعيكم الف عافية
مشكورين جدا وشكرا لصاحب الموقع

بالتوفيق والنجاح يارب للجميع

غير معرف يقول...

ممكن طلب رجاء

أنا عايز أشغل ملف صوتى فى البروفايل الخاص بيا
أى حد يفتح بروفايلى يشتغل معاه النشيد مثلاً ويسمعه
يشتغل تلقائى

ولو ممكن إزاى أعمل خلفية للبروفايل الخاص بيا ؟؟


وجزاكم الله كل خير

منتديات فيس بويز يقول...

مشكووووووووووووووووووووووووووووووووووووووووووووووووووور

mahmoud sror يقول...

شكرً ا

حسين وليد علي عبد الفتاح يقول...

لو سمحت انا مش فاهم طريقة عمل كود -أضف تعليق Add comment لوسمحت عاوز رد حالنا واد موقعي علي الفيس بوك http://www.facebook.com/Habib.Rahman.in حالا

غير معرف يقول...

شكراً جزيلاً الله يعطيكم الف عافية

منتديات مواويلي يقول...

كل عام وأنتي بخير
رابط مدونتك قدم لي من شخص عزيز علي وأعجبني جدا ماوجدته وأطلعت عليه
الله يعطيك العافيه ويجزاك كل الخير على هذه الفائده والخدمه الجليله
كل الشكر لك

غير معرف يقول...

بصراحة كلام جميل جدا شكرا جزيلا

حسين وليد علي عبد الفتاح يقول...

السلام علكم انا صاحب صفحة في حب رسول الله نحيا كرأما https://www.facebook.com/Islam.May.egy

دلوقتي مش عارف اعمل أضف تعليق Add comment فا هل ممكن طريقة اسهل لو سمحت

wael daaboul يقول...

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

Asir Issam يقول...

بالجد المدونه رائعــة وانجاز عظيم وشكراً علي هذا المجهود,,
بس لو سمحت ممكن كود لعمل فوتوشوب اون لاين,,؟ ولك الشكر,,,!

Asir Issam يقول...

والرجاء توضيح كيفية اخفاء محتويات الصفحه عن غير المعجبين,,,

ضياء حميد الدين يقول...

روعة بس ياريت لو في كود نص يكون داخل مربع عشان يسهل نسخة :)

sabreenalzubaidy يقول...

ممكن اعرف كيف اضع عبارة (من رأى ذلك) في الكروبات في الفيس بوك

men in black يقول...

والله اسم على مسمى (مدونة كن داعيا للخير) شكرا لقد اشتركت معك

elkhodery يقول...

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

ANDROID boy يقول...

ما شاء الله ..

إرسال تعليق

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق
أعتذر عن الرد على طلبات التصميم لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

Blogger Widgets
 
Privacy-Policy
كن داعيا للخير © 2013 | عودة الى الاعلى
Designed by Chica Blogger /تعريب وتطوير - مدونة فوتوشوب للعرب