دليل المدون

2011-09-04

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

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

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

تنبيه : تم إلغاء تطبيق fbml من قبل ادارة الفيس بوك و يمكن متابعة أحدث خدع وحيل الفيس بوك :
  1.  كيف تصنع روبوت فيسبوك ماسنجر لمشروعك أو موقعك
  2. إستخدامات لا تتوقعها لتطبيق فيس بوك ماسنجر 
 

قد يهمك أيضًا: 
وأول كود يجب وضعه هو كود لخلفية صفحة الترحيب وهذه أكواد لصفحات ترحيب جديدة من تصميمى تجدها
 خلفيات  جاهزة 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>
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 53 تعليقًا

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

    ردحذف
  2. ahmed

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

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

    ردحذف
  4. نعم يمكن وضع أكثر من كود وتنسيقها بالشكل المناسب
    شكرا لمرورك

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

    ردحذف
  6. جزاك الله كل خير
    ومدونتك رائعة جدا فهى من 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/

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

    ردحذف
  8. Hafez
    جزاك الله كل خير شرفتنى بمتابعتك

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

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

    ردحذف
  11. السلام عليكم و رحمة الله و بركاته
    كل عام و أنتم بخير



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

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

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

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

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

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

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

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

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

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

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

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

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

    ردحذف
  22. يعطيك العافيه اخوي على الافاده

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


    لاخلا ولا عدم

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

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

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

    ردحذف
  25. زر أعجبنى موجود بالكود رقم 6

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

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

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

    ردحذف
  28. ممكن اعرف كود لدعوة الاصدقاء

    ردحذف
  29. دعوة الأصدقاء موجود بالكود رقم 16 بالموضوع أعلاه

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

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

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

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

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

    ردحذف
  33. ممكن طلب رجاء

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

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


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

    ردحذف
  34. مشكووووووووووووووووووووووووووووووووووووووووووووووووووور

    ردحذف
  35. شكرً ا

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

    ردحذف
  37. شكراً جزيلاً الله يعطيكم الف عافية

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

    ردحذف
  39. بصراحة كلام جميل جدا شكرا جزيلا

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

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

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

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

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

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

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

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

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

    ردحذف
  48. السلام عليكم
    كيف اقدر اضيف مقطع فلاشي غب الفيس بوك

    ردحذف
  49. كيف استعمل الاكواد انا مبتدا
    ارجوكم أفيدوني

    ردحذف
    الردود
    1. تم التنويه فى بداية الموضوع عن تحديث منصة الفيس بوك وعدم إمكانية عمل هذه الأكواد

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

    ردحذف
    الردود
    1. غير موجود هذا الخيار فى صفحات الفيس بوك ، متاح فقط فى المجموعات Groups

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون