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

[ XF 2.2 ] شرح إضافة زر الإشتراك في قنات Youtube

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
28 يناير 2019
2,095
59
1,466
113
24
sohag, Egypt
mx-blind.org
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية إضافة زر الإشتراك في قنات 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


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


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

وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته
 

المرفقات

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

والشرح وافي وكافي تسلم يمينك يا بطل

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

إحصائيات المنتدى

المواضيع
1,446
المشاركات
16,603
الأعضاء
1,022
آخر عضو مسجل
naseh
أعلى