اشترك في قناتنا على اليوتيوب للمزيد من الشروحات اشتراك

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

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

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

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

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

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

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

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

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

  1. التوجه إلى واجهة تحكم على بلوجر
  2. الذهاب إلى خيار المظهر
  3. الضغط على قائمة منسدلة بجانب التخصيص
  4. التوجه إلى أسفل جميع الأكواد
  5. تبحث عن الكود التالي: </body>
  6. فوق هذا الكود هذا مباشرة تقوم بلصق الكود التالي:
<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>مرحبا بكم في فضاء جيست ويب</h2>
<p>
هل أنت مهتم ببلوجر؟ تابع مدونة جيست ويب
</p>
<a href="https://www.jistweb.com/">متابعة</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.jistweb.com/  برابط قناتك على اليوتيوب أو رابط المتابعة في مدونتك، كما يمكنك تغيير كلمة متابعة إلى اي شيء تريده وكذا تغيير النص الموجود في هذا الكود بالنص الذي تريده. بهذا تكون الإضافة جاهزة للعمل وسوف تظهر بمجرد الدخول إلى المدونة من طرف أي شخص ستظهر له نافذة منبثفة للمتابعة أو عمل الشيء الذي طلبته منه.

للمزيد من الإضافات يمكنك مشاهدة الشروحات التالية :

إرسال تعليق