الرئيسية وثائق الشرح إضافة عداد المتابعين لقوالب سكور تانك

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

amr gamal نوفمبر 04, 2026
SITEGEEKY · SCORETANK KORA

إضافة عداد المتابعين
إلى الشريط الجانبي

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

هدف هذا الدليلشرح طريقة توليد كود عداد المتابعين من الأداة المخصصة، وتجهيز بيانات الحسابات، ثم وضع الناتج داخل أداة HTML/JavaScript في تخطيط مدونة بلوجر.
01 · توليد الكودإدخال عدد المتابعين وروابط الحسابات وتسميات الأزرار.
02 · نسخ الناتجتوليد الكود النهائي ونسخه من أداة عداد المتابعين.
03 · الإضافة إلى بلوجروضع الكود داخل أداة HTML/JavaScript في موضع متاح بالشريط الجانبي.
01

فتح أداة توليد عداد المتابعين

يتم تجهيز العداد أولاً من خلال أداة خارجية مخصصة، ثم نقل الكود الناتج إلى قالب ScoreTank.

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

EXTERNAL GENERATOR

أداة عداد المتابعين

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

فتح أداة عداد المتابعين
02

شرح الحقول الثلاثة لكل منصة

تحتوي كل منصة في أداة التوليد على ثلاثة حقول، ولكل حقل وظيفة مختلفة.

1عدد المتابعين

اكتب الرقم أو الصيغة التي تريد عرضها بجوار المنصة، مثل 10K أو 5000.

2رابط صفحة التواصل

ضع الرابط الكامل لحسابك أو صفحتك على المنصة نفسها، وليس رابط الصفحة الرئيسية للمنصة.

3وصف العدد

اترك النص الافتراضي كما هو، مثل «معجب» أو «متابع»، أو غيّره إلى الوصف المناسب لحسابك.

مثال توضيحي لطريقة تعبئة الحقول

الحقل الأول · العدد10K
الحقل الثاني · رابط الحسابhttps://facebook.com/yourpage
الحقل الثالث · الوصفمتابع

المثال السابق لتوضيح أنواع البيانات المطلوبة فقط؛ استبدل رابط المثال برابط صفحتك الفعلي، واستخدم عدداً صحيحاً يعبّر عن حسابك.

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

توليد الكود النهائي ونسخه

بعد الانتهاء من تعبئة بيانات الحسابات، استخدم زر التوليد الموجود أسفل صفحة الأداة.

راجع بيانات المنصات

تأكد من صحة عدد المتابعين، ورابط الحساب، والنص الظاهر بجوار العدد لكل منصة.

اضغط على زر «توليد»

انتقل إلى أسفل أداة التوليد واضغط على زر «توليد» لإنشاء الكود النهائي بناءً على البيانات التي أدخلتها.

انسخ الكود الناتج

بعد ظهور الكود النهائي، اضغط على زر «نسخ» الموجود بجواره. احتفظ بالكود كما تم توليده دون حذف أجزاء منه أو تعديل بنيته.

انتقل إلى لوحة تحكم بلوجر

اختر المدونة التي تستخدم قالب ScoreTank وانتقل إلى صفحة التخطيط.

لا تستخدم كوداً جزئياًانسخ الناتج كاملاً من الأداة. لا تنسخ جزءاً من الكود ولا تضعه داخل محرر كتابة المقالات؛ مكانه هو محتوى أداة HTML/JavaScript في التخطيط.
04

إضافة العداد إلى الشريط الجانبي في بلوجر

هذه هي خطوة تركيب الكود الذي تم توليده داخل المدونة.

افتح لوحة تحكم بلوجر

اختر المدونة التي تم تثبيت قالب ScoreTank عليها.

انتقل إلى «التخطيط»

من القائمة الجانبية، افتح صفحة التخطيط، ثم توجه إلى منطقة الشريط الجانبي في تخطيط القالب.

اختر «إضافة أداة»

عندما تكون إضافة الأدوات متاحة في المنطقة، اضغط على «إضافة أداة»، ثم اختر نوع الأداة HTML/JavaScript.

اكتب عنوان الأداة (اختياري)

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

الصق الكود داخل المحتوى

ضع الكود الذي نسخته من أداة التوليد كاملاً داخل حقل المحتوى، ثم اضغط «حفظ».

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

افتح الصفحة الرئيسية على الكمبيوتر والهاتف، وتأكد من ظهور أيقونات الحسابات التي أدخلت روابطها، ومن سلامة الأعداد والتسميات.

ماذا تفعل إذا لم يظهر زر «إضافة أداة»؟لا تحاول وضع كود العداد داخل أداة أخرى أو تعديل أدوات المباريات. يلزم تجهيز موضع مخصص للعداد في تخطيط القالب أولاً، ثم تنفيذ خطوات HTML/JavaScript السابقة.
التصنيفات:
الكاتب
عمرو جمال

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