إضافة منشورات الفيسبوك بسهولة داخل موضوعات مدونتك

عدد مشاهدات الموضوع:

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

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



الطريقة الثانية: وهى الأفضل والأضمن. فقط اذا كنت تحتاج الى إضافة منشور "كتابى أو صورى" يجب عليك زيارة ذلك الرابط "اضغط هنا" ومن ثم تملأ الـ 3 خطوات الموضحة بالصورة
1- رابط المنشور
2- عرض المنشور الذى يناسب صفحة موضوع مدونتك
3- الحصول على كودين. الأول تضعه داخل قالبك بعد وسم</head> والثانى تضعه داخل المنشور لتضعه داخل الموضوع المراد ظهور المنشور به وهو فى وضع HTML.

واذا كنت تحتاج الى إضافة منشور "فيديو" يجب عليك زيارة ذلك الرابط "اضغط هنا" ومن ثم تملأ الـ 3 خطوات الموضحة بالصورة
1- رابط المنشور
2- عرض المنشور الذى يناسب صفحة موضوع مدونتك
3- الحصول على كودين. الأول تضعه داخل قالبك بعد وسم</head> والثانى تضعه داخل المنشور لتضعه داخل الموضوع المراد ظهور المنشور به وهو فى وضع HTML.
الطريقة الثالثة: وهى توفر عليك الكثير اذا كنت من مستخدمى إضافة منشورات الفيسبوك بطريقة دائمة وحتما ستوفر عليك الجهد والوقت. وتتلخص فى إضافة كود داخل قالبك وسيكون دائم لمنشورات الفيسبوك وفقط ستستخدم كودا مختصرا تحتاج فيه لتغيير رابط المنشور وعرض المنشور فقط. تابع الشرح إن كنت مهتما بذلك.
1- قم بالبحث عن الوسم </head> وإضافة الكود التالى بعده أو تحته
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.2";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2- احفظ القالب وقم بإضافة موضوعك وعند الإنتهاء قم بتحويله من وضع تأليف أو Compose الى وضع HTML وقم باستخدام الكود التالى عند إضافة أى منشور بعد ذلك من الفيسبوك داخل موضوعاتك
<div class="fb-post" data-href="رابط المنشور"></div>
واذا أردت التحكم فى عرض المنشور يمكنك استخدام الكود التالى أفضل, ولا تنسى تغيير 500 حسب رغبتك ولك سماحية تغيير العرض من 350:750
<div class="fb-post" data-href="رابط المنشور"
data-width="500"></div>
نتمنى أن يكون الشرح واضحا. ومن تواجهه أى مشكلة يمكنه التعليق بها لنساعده فى حلها, وإن كان الموضوع مفيدا لك يمكنك مشاركته مع من يهتم من أصدقائك.

هناك 72 تعليقًا:

  1. ابو بدر10:34 م

    هذا الموضوع من اجمل المواضيع الذي قراتها

    ردحذف
    الردود
    1. نشكرك جزيلا على تواجدك سيد أبو بدر. تحيتى لك

      حذف
  2. طلال10:39 م

    اخي الكريم
    اخترت الطريقة الثانية المفضلة لي ولكن بعد الضغط على get code
    ظهر لي خياران 1 و 2
    لست ادري ايهما اختار
    الرجاء المساعدة

    ردحذف
    الردود
    1. تم تحديث الشرح ونعتذر عن عدم التوضيح سلفا
      سيظهر لك كودين
      الأول تضعه داخل قالبك بعد وسم/head كما هو موضح داخل الشرح والثانى تضعه داخل المنشور لتضعه داخل الموضوع المراد ظهور المنشور به وهو فى وضع HTML.
      وننتظر تجربتك

      حذف
    2. طلال5:29 م

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

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

      حذف
  3. جليل10:44 م

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

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

      حذف
    2. يمكنك المعاينة لنجاح طريقة المنشورات بانواعها عبر الرابط http://page-inside-post.blogspot.com.eg/2016/01/add-facbook-posts-in-your-blog.html اذا واجهتك مشكلة قم بدعوتى الى مدونتك لأقوم بتنفيذ الخطوات بطريقة سليمة على ذلك البريد engglal@gmail.com

      حذف
    3. جليل5:44 م

      ظهر لي مثل هذه الصورة

      http://up.harajgulf.com/do.php?img=475788

      حذف
    4. يمكنك مراسلتى عبر حسابى بالفيسبوك لأقوم بشرحها لك بكل بساطة أو نتوصل لحل لمشكلتك عبر القالب بنفسى
      https://www.facebook.com/mohammed.glal
      بانتظارك

      حذف
  4. ام معاذ10:45 م

    الطريقة الاولى موجودة في الفيسبوك ولكنها لا تظهر لك الفيديو بل تظهر لك كلام الفيديو ومن ثم يقوم بتحويلك الى موقع الفيسبوك

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

    ردحذف
    الردود
    1. يمكنك المعاينة لنجاح طريقة المنشورات بانواعها عبر الرابط http://page-inside-post.blogspot.com.eg/2016/01/add-facbook-posts-in-your-blog.html اذا واجهتك مشكلة قم بدعوتى الى مدونتك لأقوم بتنفيذ الخطوات بطريقة سليمة على ذلك البريد engglal@gmail.com

      حذف
  5. انس العربي10:47 م

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

    ردحذف
    الردود
    1. نشكرك على تواجدك وحسن كلماتك سيد أنس. تحيتى لك وجزاك بمثل الخير وأكثر.

      حذف
  6. محمد الغامدي10:55 م

    اشكركم على هذا الكود الرائع

    ولكني لم اجرب الطريقة الاولى او الثانية
    وذهبت تلقائياً للطريقة الثالثة رغم انني اعتبرتها سهله ولكن يبدو لي انها معقدة بعض الشئ

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

    وهذا هو الكود



    ومجرد تغيير هذا eBSBCNcrh9U الى اي فيديو تحتاجه

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

    ردحذف
    الردود
    1. مرحبا سيد محمد
      تحيتى لك وشكرا على تواجدك هنا
      بخصوص اليوتيوب بالفعل هو أكثر مرونة بتلك الخاصية ولكن يمكننا مساعدتك فى تلك الطريقة إذا أردت يمكنك إرسالة دعوة مؤلف الى بريدى الخاص لأقوم بتنفيذ تلك الخاصية وتفعيلها دائما على مدونتك engglal@gmail.com

      حذف
  7. محمد الغامدي10:57 م

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

    ردحذف
    الردود
    1. فهمت وجزاك الله كل خير

      حذف
  8. صبحي الخالدي5:45 م

    رعاكم الله هذا موضوع يستحق المناقشة

    ردحذف
    الردود
    1. شكرا لك سيد صبحى وتشرفت بوجودك بيننا

      حذف
  9. فوزية احمد5:48 م

    عند قراتي للموضوع لاحظت ان الطريقة الثانية والثالثة مثل بعض ولكني توهت في التفرقة بينهما ,,,,

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

    لم افهمها الرجاء توضيح النقطتين او الطريقتين

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

      حذف
  10. بلال5:50 م

    ماهو المغزى من هذا الدرس او هذا الموضوع
    انت لم توضح مامعنى توثيق كود الفيسبوك اعذرني يمكن لم افهم الطريقة ولكن ماهو الكود وماهو الفائدة منه
    انتظر مساعدتك

    ردحذف
    الردود
    1. المغزى لكل بساطة ياسيد بلال أن تلك الطرق تساعدك فى وضع منشورات الفيسبوك كما هى بطريقة عرض مثل فيديوهات اليوتيوب مثلا داخل موضوعاتك كبث مباشر مثلا.
      لكن لا أفهم ما قصدك بتوثيق كود الفيسبوك. يمكنك مراسلتى عبر رابط صفحتى الخاصة على الفيسبوك إن كان لديك إستفسارات أخرى او ان تواجهك تلك المشكلة
      https://www.facebook.com/mohammed.glal
      تحيتى

      حذف
    2. بلال9:40 م

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

      حذف
    3. الشكر موصول لك لمناقشتك الرائعة
      تحيتى لك

      حذف
  11. حنان الحوطي5:53 م

    بجد اشكرك جزيل جزيل الشكر على كتابة الموضوع
    وفيت وكفيت على بذلك لهذا المجهود الرائع الذي كنت انتظره بفارغ الصبر اشكرك عليه كثيرا .


    ,,,,,,,,,,,,,,,,,,,,,


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

    اختك الصغيرة

    ردحذف
    الردود
    1. نعتذر عن التأخير سيدتى الفاضلة
      وأتمنى ان يكون مفيدا لكِ وننتظر ردك بعد التجربة.
      تحيتى

      حذف
  12. حسين العبدالله5:58 م

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

    فمسألة وضع الكود الاول في القالب في حالة انك من مدمني الفيسبوك وترفع الكثير من فيديوهات الفيسبوك على المدونه

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

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

      حذف
  13. غير معرف6:01 م

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

    ردحذف
    الردود
    1. الفيسبوك يدعم تضمين منشوراته داخل المدونات وهذا ما قمنا بشرحه. وتشرفت بتواجدك سيدى الفاضل

      حذف
  14. محمود6:08 م

    عشرة على عشرة هذا الدرس

    ردحذف
    الردود
    1. شكرا لك سيد محمود وتشرفنا بتواجدك وأتمنى ان يفيدك ذلك الدرس.

      حذف
  15. برهومه6:16 م

    الشرح دوت مش سهل ولي مئة رجعه بعد ما اجرب

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

      حذف
  16. صالح6:37 م

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

    ردحذف
    الردود
    1. ولك مثل الخير وأكثر سيد صالح. أهلا ومرحبا

      حذف
  17. مروان6:37 م

    كود جميل ويستاهل التجربة
    شكرا لكم

    ردحذف
    الردود
    1. شكرا لك سيد مروان وآمل ان يفيدك

      حذف
  18. حسونة7:22 م

    مئة مئة ياريس
    يسلم ايدك

    ردحذف
    الردود
    1. شكرا لك عزيزى على تعليقك تحيتى لك

      حذف
  19. المعلم7:53 م

    العملية دي معقد شوية
    اتمنى تبسيط الكود
    الكود دا صعب

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

      حذف
  20. اسماعيل1:28 ص

    قمة في تنقية الشروح
    اشكركم على هذا الشرح

    ردحذف
    الردود
    1. شكرا جزيلا لك سيد إسماعيل

      حذف
  21. عمر1:29 ص

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

    ردحذف
    الردود
    1. أتمنى ام تكون الطريقة مضبوطة معك سيد عمر. وننتظر ردك بعد التجربة

      حذف
  22. العندليب1:30 ص

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

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

      حذف
  23. العندليب1:31 ص

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

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

      حذف
    2. تم شرح طريقة إضافة تغريدات تويتر وفيديوهات يوتيوب أيضا
      http://www.abu-iyad.com/2016/01/How-to-embed-Tweets-and-Youtube-videos-in-blogger.html

      حذف
  24. انوس11:49 م

    قمة في الشرح ولا اورع

    ردحذف
    الردود
    1. مرحبا بك , وشكرا على تعليقك الطيب

      حذف
  25. جهاد11:50 م

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

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

      حذف
  26. سعاد11:51 م

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

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

      حذف
  27. ابراهيم البركاتي11:52 م

    لماذا لا يكون هناك كود مصغر واقوم بتغيير رقم ال ID حتى استطيع نشره بسرعه

    ردحذف
    الردود
    1. مرحبا سيد إبراهيم , إذا كنت تريد كذلك فستناسبك الطريقة الثالثة فهى بالفعل تحتاج فقط الى رابط المنشور وفقط ويختلف المنشور عن سابقه برقم ID أو المُعرف الخاص به, راجع الشرح ستجد مرادك,
      تشرفنا بتعليقك

      حذف
  28. منى11:53 م

    هل هذا الكود يصلح لكود اليوتيوب ام انه خاص للفيسبوك

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

      حذف
    2. تم شرح طريقة إضافة تغريدات تويتر وفيديوهات يوتيوب أيضا
      http://www.abu-iyad.com/2016/01/How-to-embed-Tweets-and-Youtube-videos-in-blogger.html

      حذف
  29. موسى11:54 م

    عجبني هذا الموقع . لم اشاهد بموضوع مثل هذه التعليقات
    وساجرب الطريقة
    شكرا لك

    ردحذف
    الردود
    1. مرحبا سيد مُوسى, شرف لنا مجيئك الى هنا ورأيك بمدونة أبو إياد. نأمل منك تجربة تطبيق الشرح ونحن بانتظار عودتك.
      تحيتى لك

      حذف
  30. رياض11:55 م

    جزيت خيرا على هذا الشرح الجميل , بسطت الطريقة جدا رائعة

    ردحذف
    الردود
    1. مرحبا سيد رياض, وجزاك الله خيرا على تعليقك وإضافتك. حللت أهلا.
      تحيتى

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

    ردحذف
  32. أزال المؤلف هذا التعليق.

    ردحذف
  33. مشكووور على الموضوع .
    إليك أفضل مواقع لتحميل رومات هواتف الأندرويد
    http://www.infojn.com/2016/03/Download-Android-ROMs-sites.html

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية