أيقونة المنتج

تعديلات القوالب شرح إضافة زر الإشتراك في قنات Youtube

لا يوجد تصريح للتنزيل
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية إضافة زر الإشتراك في قنات Youtube
المعلومات
اسم الشرح: شرح إضافة زر الإشتراك في قنات Youtube
توافق الشرح: xf2.0/xf2.1/xf2.2
مقدم الشرح: أحمد بكر @MesterPerfect
تمت التجربة: نعم

الشرح

الخطوة الأولى
ندخل إلى لوحة التحكم ==> المظهر ==> القوالب
نختار الستايل الذي نريد تشغيل الخاصية عليه
ثم نبحث في القوالب عن قالب PAGE_CONTAINER
وتحت وسم <head> أضف هذا الكود

JavaScript:
<script src="https://apis.google.com/js/platform.js"></script>

ثم أحفظ

الخطوة الثانية
ندخل إلى لوحة التحكم ==> المحتوى ==> BB codes مخصصة
ثم نضغط على إضافة BB code

AtNYW4v.png



  1. في خانة رمز الـ BB Code نكتب أي شيء لاستخدامه كرمز bb وليكن youtubesubscriber
  2. وفي خانة العنوان نكتب أي اسم نريد وليكن إضافة زر الإشتراك في قنوات Youtube
  3. وفي خانة الوصف نكتب أي وصف (اختياري)
  4. في خانة وضع الاستبدال نختار استبدال بسيط
  5. وفي خانة يدعم البرامتر Option: نختار لا
  6. في خانة استبدال HTML: نكتب الكود التالي

HTML:
<div class="g-ytsubscribe"
data-channelid="{text}" data-layout="full" data-count="default">
</div>

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

4nPOclS.png


في خانة مثال الاستخدام: يمكنك أن تكتب مثال كهذا

كود:
[YOUTUBESUBSCRIBER]UC4eKAn8xK0Q4haCGbcrRitQ[/YOUTUBESUBSCRIBER]
وطبعا هذا معرف القناة والذي سيتم جلبه في الخطوة الثالثة

الآن نضغط على خيارات متقدمة

ZY2WPHw.png


في خانة ضمن هذا الـ BB Code:
حدد العناصر التالية
  • تعطيل الابتسامات
  • تعطيل تحويل الأسطر الفارغة
  • تعطيل الربط التلقائي
  • وقف تطبيق أكواد BB

ngl42Fo.png


الخطوة الثالثة
جلب ID قنات Youtube
نقوم بالدخول على قنات الYoutube كهذه مثلا

4dGXdVo.png


ثم نقوم بنسخ الرابط الموجود بالأعلى والذي يكون على هذا الشكل

https://www.youtube.com/channel/UC4eKAn8xK0Q4haCGbcrRitQ

jIvjgZs.png


وننسخ الID الخاص بالقناة والذي يكون بعد كلمةchannel/
والذي يكون على هذا الشكل UC4eKAn8xK0Q4haCGbcrRitQ

vjezy7j.png


ثم نضعه في الBBCode الذي قمنا بإنشائه هكذا
[YOUTUBESUBSCRIBER]UC4eKAn8xK0Q4haCGbcrRitQ[/YOUTUBESUBSCRIBER]

نتيجة الشرح

fMptU3A.png


معاينة مباشرة



لمن يريد, تم إرفاق الملف الجاهز لاستيراده من داخل السكربت

وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته
الكاتب
MesterPerfect
التنزيلات
0
المشاهدات
586
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

منتجات أخرى من MesterPerfect

عودة
أعلى