الجمعة، 9 أغسطس 2019

طريقة إضافة إعلان عائم متوافق مع جميع الشاشات مع زر الإغلاق أسفل مدونة بلوجر


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

شرح إضافة وتثبيت إعلان عائم أسفل مدونة بلوجر:


من السهل جدًا تثبيت إعلان عائم متوافق مع جميع الشاشات مع زر الإغلاق إذا كنت ترغب في القيام بذلك ، فما عليك سوى اتباع الخطوات التالية.

  1. قم بتسجيل الدخول إلي مدونة بلوجر من هنا.
  2. بعد هذا انتقل إلى مظهر القالب.
  3. انقر فوق تعديلHTML.
  4. الآن ابحث داخل القالب باستخدام Ctrl+F عن <body/> .
  5. الآن انسخ الكود التالي وأضفه فوق <body/> .
  6. قم بوضع الشفرة الإعلانية أو الصورة بدلاً من Paste your AD Code here.
  7. بعد القيام بهذه الخطوات ، قم أخيرًا بحفظ إعداد قالب بلوجر.


 <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/AVvXsEjSeMymNETSMGnCysY5uZysAXWQs12a-0E9DlBiZ1ZC6z7WaXhHrvvwmThFo1qZyJYkXjJ41yjg4Uy7fDKg2TNMQpkGeso8WTSVijyTxLjoCGKLlVTFP6FOJIpkn85xGFFIn2aMQQNKX-yn/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>

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

نرحب بالإستفسار والتعليق

تعلم بلوجر | شروحات وإضافات وقوالب بلوجر

7 comments

تظهر لي مشكلة في script> و مشكلة في div> ماالحل أرجو الرد

ندعوكم لمشاهدة موقعنا ان لم يعجبكم غادروا بسرعة
www.nasr.app

غالبا قد يوجد اكواد معاكسه في قالب بلوجر الخاص بك

مشكور اخي جربته على موقعي الخاص ونفعني جدا

أزال أحد مشرفي المدونة هذا التعليق.


تعبيراتتعبيرات