إضافة نافذة منبثقة احترافية لمشاركة المدونة على بلوجر 2022

في هذا المنشور سنتحدث عن شرح كيفية إضافة نافذة منبثقة احترافية إلى المدونة أو زر الاشتراك في قناة اليوتيوب على المدونة بشكل احترافي وجميل 2022...

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

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

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

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

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

إضافة نافذة منبثقة احترافية لمشاركة المدونة على المدون 2022.

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

لإضافة هذه الأداة إلى المدون بطريقة بسيطة، ما عليك سوى اتباع الخطوات التالية:

• انتقل إلى واجهة التحكم على المدونة.

• انتقل إلى اختيار المظهر.

• انقر على القائمة المنسدلة بجوار التخصيص.

• التوجه إلى أسفل جميع الرموز.

• ابحث عن التعليمات البرمجية التالية:</body>.

• مباشرة فوق هذا الرمز يمكنك لصق التعليمات البرمجية التالية:

<style> .pumslu{background:#ffffff;width:420px;z-index:100;padding:30px 40px;position:fixed;transform:translate(50%,-50%);right:50%;top:50%;border-radius:8px;font-family:"Poppins",sans-serif;display:none;text-align:center} .pumslu button{display:block;margin:0 auto 20px 0;background-color:#fff;font-size:30px;color:#ffffff;background:#C99431;border-radius:100%;width:40px;height:40px;border:none;outline:none;cursor:pointer} .pumslu h2{margin-top:-20px} .pumslu p{font-size:14px;text-align:justify;margin:20px 0;line-height:25px} .pumslu a{display:block;width:150px;position:relative;margin:10px auto;text-align:center;background-color:#CC0000;border-radius:20px;color:#ffffff;text-decoration:none;padding:8px 0} </style> <div class='pumslu' style='display: block;'> <button id='close'>×</button> <h2>مرحبا بكم في فضاء Magic Money</h2> <p> هل أنت مهتم ببلوجر؟ تابع مدونة Magic Money </p> <a href='https://www.blogger.com/follow.g?view=FOLLOW&blogID=3177624225506998663'>متابعة</a> </div> <script type='text/javascript'>window.addEventListener("load",function(){setTimeout(function a(b){document.querySelector(".pumslu").style.display="block"},2000)});document.querySelector("#close").addEventListener("click",function(){document.querySelector(".pumslu").style.display="none"});</script> <style> .pumslu{background:#ffffff;width:420px;z-index:100;padding:30px 40px;position:fixed;transform:translate(50%,-50%);right:50%;top:50%;border-radius:8px;font-family:"Poppins",sans-serif;display:none;text-align:center} .pumslu button{display:block;margin:0 auto 20px 0;background-color:#fff;font-size:30px;color:#ffffff;background:#C99431;border-radius:100%;width:40px;height:40px;border:none;outline:none;cursor:pointer} .pumslu h2{margin-top:-20px} .pumslu p{font-size:14px;text-align:justify;margin:20px 0;line-height:25px} .pumslu a{display:block;width:150px;position:relative;margin:10px auto;text-align:center;background-color:#CC0000;border-radius:20px;color:#ffffff;text-decoration:none;padding:8px 0} </style> <div class='pumslu' style='display: block;'> <button id='close'>×</button> <h2>مرحبا بكم في فضاء Magic Money</h2> <p> هل أنت مهتم ببلوجر؟ تابع مدونة Magic Money </p> <a href='https://www.blogger.com/follow.g?view=FOLLOW&blogID=3177624225506998663'>متابعة</a> </div> <script type='text/javascript'>window.addEventListener("load",function(){setTimeout(function a(b){document.querySelector(".pumslu").style.display="block"},2000)});document.querySelector("#close").addEventListener("click",function(){document.querySelector(".pumslu").style.display="none"});</script>

بمجرد لصق الكود اعلى وسم (</body>)، انقر فوق حفظ القالب ثم قم بتغيير الرابط.

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

تعديل المقال