شرح إضافة إعلان عائم مع زر الإغلاق أسفل مدونة blogger 2024
في هذا المقال، طريقة إضافة إعلان عائم متوافق مع جميع الشاشات مع زر الإغلاق أسفل مدونة بلوجر، سأوضح لك الأن كيفية إضافة وتثبيت وحدة إعلانية من خلال هذه الإضافة، قد يطلق عليها البعض أسم "Sticky AD" . تبدو هذه الإضافة جميلة جدًا إذا كان مستخدم موقعك يتصفح عن طريق جهاز الكمبيوتر او جهاز هاتف او أي شاشة لوحيه، يبدو مظهر الإعلان في جميع الأحوال متوافق مع جميع الأجهزة والشاشات، بعد إضافتك الأداة فسترى في أسفل موقع الويب الخاص بك أو أسفل المدونة التي تعرض عليها الأعلان، هذا بجانب زر الإغلاق الذي يسهل على الزائر او المستخدم حظر هذا الإعلان إذا شعر بالانزعاج لأنه على سبيل المثال يمنع روية صورة معينة او محتوي الصفحة. من السهل جدًا إنشاء مثل هذا النوع من إضافات بلوجر Widget Blogger.
 |
| شرح إضافة إعلان عائم مع زر الإغلاق أسفل مدونة بلوجر |
إضافة وتثبيت إعلان عائم أسفل مدونة بلوجر:
من السهل جدًا تثبيت إعلان عائم متوافق مع جميع الشاشات مع زر الإغلاق إذا كنت ترغب في القيام بذلك ، فما عليك سوى اتباع الخطوات التالية:
- قم بتسجيل الدخول إلي مدونة بلوجر من هنا.
- بعد هذا انتقل إلى مظهر القالب.
- انقر فوق تعديل HTML.
- الآن ابحث داخل القالب باستخدام Ctrl+F عن <body/> .
- الآن انسخ الكود التالي وأضفه فوق <body/> .
- قم بوضع الشفرة الإعلانية أو الصورة بدلاً من Paste your AD Code here.
- بعد القيام بهذه الخطوات ، قم أخيرًا بحفظ إعداد قالب بلوجر.
الكود :
<script type='text/javascript'>$(document).ready(function(){$('img#closed').click(function(){$('#bl_banner').hide(90);});});</script><div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'><div><a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQdCPZb9G1CgMd6p7WqjNraBMG51C_1OAh1fys8R9yA46IalwTIWmXuLegM4numOPDNXzLJZonNCsPiv_OKRGkZh3YDLk7Eo11qDocaCB03_74fMaBGI811bJBauZki-Q2y-hMolRMHLC/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div><div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>Paste your AD Code here</div></div>
ملحوظة:
يرجى زيارة مدونة بلوجر الخاص بك ورؤية هذه الإضافة أو الإعلان, يعمل بشكل صحيح على مدونة بلوجر الخاص بك. آمل أن تكون هذه المقالة مفيدة حقًا لك إذا أعجبك هذا المقال ،يمكنك كتابة تعليق بعد التجربة ومشاركتها على وسائل التواصل الاجتماعي مع أصدقائك.
