كيفية إضافة Facebook Like إلى Blogger (بالصور)

جدول المحتويات:

كيفية إضافة Facebook Like إلى Blogger (بالصور)
كيفية إضافة Facebook Like إلى Blogger (بالصور)

فيديو: كيفية إضافة Facebook Like إلى Blogger (بالصور)

فيديو: كيفية إضافة Facebook Like إلى Blogger (بالصور)
فيديو: الربح من كليك بانك 6 طرق مجانية ل ترويج منتجات كليك بانك | احتراف التسويق بالعمولة | علاء الحسن 2024, يمكن
Anonim

تعلمك مقالة wikiHow هذه كيفية إضافة زر "أعجبني" على Facebook قابل للنقر عليه إلى موقع Blogger (blogspot.com) على الويب. بعد إنشاء الزر في Like Button Configurator ، ستحتاج فقط إلى نسخ ولصق بتين من التعليمات البرمجية في لوحة معلومات Blogger ، وإجراء تعديل سريع واحد للتوافق.

خطوات

جزء 1 من 3: إنشاء زر أعجبني

أضف Facebook Like إلى Blogger الخطوة 1
أضف Facebook Like إلى Blogger الخطوة 1

الخطوة الأولى. اذهب إلى

يمكنك استخدام أي متصفح ويب حديث ، مثل Chrome أو Safari.

أضف Facebook Like إلى Blogger الخطوة 2
أضف Facebook Like إلى Blogger الخطوة 2

الخطوة 2. قم بالتمرير لأسفل إلى Like Button Configurator

إنه في القسم الثالث من الصفحة.

أضف Facebook Like إلى Blogger الخطوة 3
أضف Facebook Like إلى Blogger الخطوة 3

الخطوة 3. أدخل عنوان مدونتك في مربع "URL لإعجابه"

أضف Facebook Like إلى Blogger الخطوة 4
أضف Facebook Like إلى Blogger الخطوة 4

الخطوة 4. أدخل عرض البرنامج المساعد الذي تريده في مربع "العرض"

يمكن لمعظم مستخدمي Blogger ترك هذا المربع فارغًا ، لأن العرض الافتراضي (450 بكسل) يعمل بشكل جيد. لاحظ أن هذا هو عرض المكون الإضافي بأكمله ، وليس الزر "أعجبني" نفسه.

أضف Facebook Like إلى Blogger الخطوة 5
أضف Facebook Like إلى Blogger الخطوة 5

الخطوة 5. حدد نمط زر من قائمة "التخطيط"

سترى معاينة لكل نمط عند تحديده.

أضف Facebook Like إلى Blogger الخطوة 6
أضف Facebook Like إلى Blogger الخطوة 6

الخطوة 6. حدد إجراءً من قائمة "نوع الإجراء"

بشكل افتراضي ، سيظهر الزر "أعجبني". إذا كنت تفضل ذلك ، يمكنك تغييره ليقول "يوصي". عندما ينقر شخص ما على الزر ، سيرى متابعوه على Facebook عبارة "يوصي (اسم الشخص) بهذا."

أضف Facebook Like إلى Blogger الخطوة 7
أضف Facebook Like إلى Blogger الخطوة 7

الخطوة 7. حدد حجمًا من قائمة "حجم الزر"

ستظهر لك معاينة الزر أسفل أداة التهيئة كيف يبدو كل حجم.

أضف Facebook Like إلى Blogger الخطوة 8
أضف Facebook Like إلى Blogger الخطوة 8

الخطوة 8. حدد أو ألغِ تحديد مربع "تضمين زر المشاركة"

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

أضف Facebook Like إلى Blogger الخطوة 9
أضف Facebook Like إلى Blogger الخطوة 9

الخطوة 9. انقر فوق الحصول على رمز

سترى الآن مربعين يحتويان على شفرة HTML يجب لصقها في مناطق مختلفة من Blogger.

جزء 2 من 3: إضافة الرمز إلى القالب الخاص بك

أضف Facebook Like إلى Blogger الخطوة 10
أضف Facebook Like إلى Blogger الخطوة 10

الخطوة الأولى. سجّل الدخول إلى

استخدم علامة تبويب أو نافذة متصفح أخرى ، حيث ستحتاج إلى نسخ ولصق الرمز من Facebook إلى Blogger.

أضف Facebook Like إلى Blogger الخطوة 11
أضف Facebook Like إلى Blogger الخطوة 11

الخطوة 2. انقر فوق قالب

إنه على الجانب الأيسر من الشاشة ، بالقرب من أسفل القائمة.

أضف Facebook Like إلى Blogger الخطوة 12
أضف Facebook Like إلى Blogger الخطوة 12

الخطوة 3. قم بعمل نسخة احتياطية من قالب المدونة الخاص بك

احرص دائمًا على عمل نسخة احتياطية عند تعديل كود HTML الخاص بمدونتك مباشرةً.

  • انقر على اسنرجاع البيانات زر في الزاوية اليمنى العليا من الصفحة.
  • انقر تحميل النموذج.
  • أدخل اسمًا لملفك ، على سبيل المثال "نسخة احتياطية لقالب المدونة".
  • انقر يحفظ.
أضف Facebook Like إلى Blogger الخطوة 13
أضف Facebook Like إلى Blogger الخطوة 13

الخطوة 4. انقر فوق تحرير HTML

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

أضف Facebook Like إلى Blogger الخطوة 14
أضف Facebook Like إلى Blogger الخطوة 14

الخطوة 5. انسخ الكود من المربع الأول في Facebook Like Button Configurator

إنها الشفرة الموجودة في المربع العلوي ، ضمن "الخطوة 2."

يمكنك نسخ النص من خلال تمييزه ، ثم الضغط على Control + C أو ⌘ Command + C

أضف Facebook Like إلى Blogger الخطوة 15
أضف Facebook Like إلى Blogger الخطوة 15

الخطوة 6. الصق الكود في كود Blogger HTML الخاص بك

يجب لصق الكود بعد السطر الذي يبدأ بـ <body ، ويفضل أن يكون في السطر التالي.

  • لمنح نفسك مكانًا للصق الرمز ، انقر قبل الحرف الأول من السطر بعد علامة النص الأساسي ، ثم اضغط على ↵ Enter أو ⏎ Return.
  • انقر على السطر الفارغ ثم اضغط على Control + V أو Command + V للصق.
أضف Facebook Like إلى Blogger الخطوة 16
أضف Facebook Like إلى Blogger الخطوة 16

الخطوة 7. استبدل كل "&" في الكود الذي تم لصقه بـ"

&

”.

لا تقم بتضمين علامات الاقتباس.

  • على سبيل المثال ، “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8 "تصبح" //connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • الإصدار = v2.8 ""
أضف Facebook Like إلى Blogger الخطوة 17
أضف Facebook Like إلى Blogger الخطوة 17

الخطوة 8. انقر فوق حفظ النموذج

  • إذا تخطيت عن طريق الخطأ علامة "&" ، فسترى خطأ "خطأ في تحليل XML" أعلى الشفرة مباشرةً. ارجع إلى الكود الذي تم لصقه ، وابحث عن & ، واستبدله بـ

    &

  • .

جزء 3 من 3: إضافة الزر إلى التخطيط الخاص بك

أضف Facebook Like إلى Blogger الخطوة 18
أضف Facebook Like إلى Blogger الخطوة 18

الخطوة 1. انسخ المربع الثاني من الكود من Like Button Configurator

سيتعين عليك العودة إلى نافذة المتصفح أو علامة التبويب الأخرى للعثور عليه. هذا هو الرمز الموجود في المربع أسفل "الخطوة 3."

يمكنك نسخ النص من خلال تمييزه ، ثم الضغط على Control + C أو ⌘ Command + C

أضف Facebook Like إلى Blogger الخطوة 19
أضف Facebook Like إلى Blogger الخطوة 19

الخطوة 2. انقر فوق Layout مرة أخرى في Blogger

إنه على الجانب الأيسر من لوحة تحكم Blogger ، أعلى "النموذج" مباشرةً.

أضف Facebook Like إلى Blogger الخطوة 20
أضف Facebook Like إلى Blogger الخطوة 20

الخطوة الثالثة. انقر فوق الزر "إضافة أداة ذكية" حيث تريد أن يظهر الزر

في معظم الحالات ، ستحتاج إلى أن يظهر الزر في رأس أو تذييل

أضف Facebook Like إلى Blogger الخطوة 21
أضف Facebook Like إلى Blogger الخطوة 21

الخطوة 4. حدد HTML / JavaScript

سيتعين عليك التمرير لأسفل قليلاً للعثور عليه.

أضف Facebook Like إلى Blogger الخطوة 22
أضف Facebook Like إلى Blogger الخطوة 22

الخطوة 5. اكتب facebook تحت العنوان

أضف Facebook Like إلى Blogger الخطوة 23
أضف Facebook Like إلى Blogger الخطوة 23

الخطوة 6. الصق الكود المنسوخ في مربع "المحتوى"

يمكنك القيام بذلك عن طريق النقر فوق المربع والضغط على Control + V أو ⌘ Command + V.

أضف Facebook Like إلى Blogger الخطوة 24
أضف Facebook Like إلى Blogger الخطوة 24

الخطوة 7. انقر فوق حفظ

الآن سترى مربع أدوات يسمى "facebook".

انقر فوق معاينة في الزاوية اليمنى العليا من الصفحة للتأكد من ظهور الزر في المكان الذي يجب أن يظهر فيه. إذا لم يعجبك الموقع ، فيمكنك سحب مربع "facebook" إلى أحد الأقسام الأخرى في تخطيطك

أضف Facebook Like إلى Blogger الخطوة 25
أضف Facebook Like إلى Blogger الخطوة 25

الخطوة 8. انقر فوق حفظ الترتيب

ستجده في الزاوية العلوية اليمنى من الشاشة. الآن ، عندما يستمتع شخص ما بمدونتك ، يمكنه بسهولة مشاركتها مع جميع أصدقائه على Facebook.

موصى به: