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

{tocify} $title={جدول المحتويات}

إضافة نافدة منبثقة احترافية لمتابعة المدونة على بلوجر، فكثير من الأحيان نحتاج لإظهار شعار معين في نافذة منبثقة ترغم الزائر على اتخاد إجراء سواء الحصول على متابعات على المدونة أو اشتراكات على اليوتيوب أو متابعة على صفحتنا على الفيسبوك. ففي هذه التدوينة سوف نتطرق إلى شرح طريقة إضافة نافدة منبثقة احترافية لمتايعة المدونة على بلوجر بشكل احترافي وجميل 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/  برابط قناتك على اليوتيوب أو رابط المتابعة في مدونتك، كما يمكنك تغيير كلمة متابعة إلى اي شيء تريده وكذا تغيير النص الموجود في هذا الكود بالنص الذي تريده.

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

إرسال تعليق

أحدث أقدم