✅ اضافة زر الاشتراك باليويتوب مع خاصية تأكيد الأشتراك - روتكس

اضافة زر الاشتراك باليويتوب مع خاصية تأكيد الأشتراك

اضافة زر الاشتراك باليويتوب مع خاصية تأكيد الأشتراك

السلام عليكم، سوف نشارككم اليوم زر الاشتراك بقناة اليويتوب عندما يتم فتح القناة ستظهر نافذة منبثقة تتطلب منك تأكيد الإشتراك بالقناة ثم بعد ذلك ستصبح مشتركًا.

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

اضافة زر الاشتراك باليويتوب مع خاصية تأكيد الأشتراك


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

الحصول علي رابط الاشتراك باليويتوب مع خاصية تأكيد الأشتراك


تحتاج فقط إلى إضافة /?sub_confirmation=1 إلى عنوان URL قناتك حتى يعمل.

نفترض ان اسم المستخدم لقناتك UCUe2_fAFE4NziT6-SYH3TDA سوف تقوم بإضافة الجزء المحدد ليصبح بالشكل التالي.

https://www.youtube.com/c/UCUe2_fAFE4NziT6-SYH3TDA/?sub_confirmation=1

اما اذا كنت تريد تخصيص زر يوتيوب يحتوي علي الخاصية السابقة، شاهد الشرح التالي.

اضافة زر الاشتراك باليويتوب مع خاصية تأكيد الأشتراك


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

اقدم لك شكلين، اختر ما يناسبك

الشكل الأول

1. اذهب الي لوحة التحكم في بلوجر > اختر المظهر > ثم اضغط علي تحرير HTML

2. ابحث بإستخدام CTRL + F عن </style> او ]]></b:skin> ثم ضع الكود التالي فوقه

.RotkxSubs{background-color:#e62117;color:#fefefe;font-weight:400;font-size:16px;padding:3px 7px;display:inline-block;border-radius:3px;-moz-border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.05);outline:0;line-height:0}
.RotkxSubs svg{width:24px;height:24px;vertical-align:-6px;margin-left:3px}
.RotkxSubs svg path{fill:#fff}

3. اضغط علي حفظ ثم ضع الكود التالي في المكان المناسب، يمكنك وضعه من التخطيط

<a href='https://www.youtube.com/c/UCUe2_fAFE4NziT6-SYH3TDA?sub_confirmation=1' title='روتكس علي اليوتيوب' target='_blank'><div class='RotkxSubs'><svg viewBox='0 0 24 24'> <path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'/></svg>اشترك</div></a>

قم بتغيير الاكواد المحددة بالذي يناسبك.

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

اشترك


الشكل الثاني

1. اذهب الي لوحة التحكم في بلوجر > اختر المظهر > ثم اضغط علي تحرير HTML

2. ابحث بإستخدام CTRL + F عن </style> او ]]></b:skin> ثم ضع الكود التالي فوقه

.RotkxSubsFull{margin:0;padding:0;line-height:21px}
.RotkxSubsFull_img{float:right;margin-left:7px}
.RotkxSubsFull_img img{width:55px;height:55px}
.RotkxSubsFull_name,a.RotkxSubsFull_name{color:#555;text-align:right;line-height:16px}
.RotkxSubsFull_button{background-color:#e62117;color:#fefefe;font-weight:400;font-size:16px;padding:3px 7px;display:table;border-radius:3px;-moz-border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.05);outline:0;margin-top:8px;line-height:0}
.RotkxSubsFull svg{width:24px;height:24px;vertical-align:-6px;margin-left:3px}
.RotkxSubsFull svg path{fill:#fff}

3. اضغط علي حفظ ثم ضع الكود التالي في المكان المناسب، يمكنك وضعه من التخطيط

<a href='https://www.youtube.com/c/UCUe2_fAFE4NziT6-SYH3TDA?sub_confirmation=1' title='<a href='https://www.youtube.com/c/UCUe2_fAFE4NziT6-SYH3TDA?sub_confirmation=1' title='روتكس علي اليوتيوب' target='_blank'>
<div class='RotkxSubsFull'>
<div class='RotkxSubsFull_img'><img src='https://4.bp.blogspot.com/-5m58vBTli7c/Xp-LFM9Rq4I/AAAAAAAAJLg/9BnFVwZaAfIqVIrGzF0OfycAcWHg-NA0QCLcBGAsYHQ/s1600/Rotkx.jpg' title='روتكس علي اليوتيوب' alt='روتكس علي اليوتيوب'/>
</div>
<span class='RotkxSubsFull_name'>روتكس</span>
<div class='RotkxSubsFull_button'>
<svg viewBox='0 0 24 24'><path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'/></svg>اشترك
</div>
</div>
</a>

قم بتغيير الاكواد المحددة بالذي يناسبك.

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

روتكس علي اليوتيوب
روتكس
اشترك

إرسال تعليق

إظهار التعليقات

2 تعليقات