القائمة الرئيسية

الصفحات

أخبار الاخبار

إضافة وحدة إعلانية عائمة مع زر الإغلاق في بلوجر | Blogger Ad With Close Button

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

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

  1. الذهاب إلى لوحة تحكم بلوجر
  2. انقر على تبويب قالب
  3. اضغط على تحرير HTML
ابحث عن الوسم </body> و اضف الكود التالي فوقه 
<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).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(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='إغلاق الموضوع' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='عنوان الصورة'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='عنوان الصورة' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>


الإعدادت

الرابط الذي باللون الاحمر إستبدله بالبنر الإعلاني الخاص بك

الرابط الذي باللون الازرق وهو زر كلمة close إستبدلها بما تريد

اسبتدل الرمز # برابط الموقع المراد الإعلان عنه

الكلمات التي باللون الاخضر استبدلها بعنوان البنر الإعلاني

الرقم 728pxهو المسؤول عن حجم عرض الإعلان

ممكن أن تستخدم الكود فى عرض إعلانات بدلا من الصور أو عرض إعلانات لمنتج أو لموضوع جديد فى مدونتك أو إعلان لأحد أضدقائك وألخ .....
-------------------------------
كلمات دلالية
fhg fdfg, إنشاء قالب بلوجر كامل, اضافات بلوجر 2016, افضل قالب بلوجر 2016, انشاء حساب بلوجر, بلجرشي, بلوجر, بلوجر 2014, بلوجر 2015, بلوجر 2016, بلوجر 2017, بلوجر blogger, بلوجر اجنبي, بلوجر احترافي, بلوجر ادسنس, بلوجر افلام, بلوجر الشارع, بلوجر المحترف, بلوجر ام ووردبريس, بلوجر اماراتيه, بلوجر اميره, بلوجر انستقرام, بلوجر بالعربي, بلوجر بالعربي بلوجر ام بلوجر اسيا, بلوجر بث مباشر, بلوجر بلقيس, بلوجر بوتستراب, بلوجر تركيه, بلوجر تسجيل, بلوجر جاهز, بلوجر جوجل, بلوجر حوحو, بلوجر دوت كوم, بلوجر سعوديات, بلوجر سعوديه, بلوجر سودانيه, بلوجر عراقيه, بلوجر عرب, بلوجر عربي, بلوجر فارغ, بلوجر قالب, بلوجر قطريات, بلوجر كويتي, بلوجر كويتيات, بلوجر مكياج, بلوجر نهى نبيل, بلوجر هنديه, بلوجر وطمطم, بلوجر ولاء, تحميل قالب بلوجر, تحميل قالب بلوجر احترافي, تحميل قالب بلوجر احترافي 2016, تحميل قالب بلوجر والتعديل عليه, ترقيم صفحات بلوجر, تركيب قالب بلوجر, تركيب قالب بلوجر والتعديل عليه, تصميم قالب بلوجر, تصميم قالب بلوجر بالفوتوشوب, تصميم قالب بلوجر متجاوب, تعريب قوالب بلوجر يدويا, تغيير خطوط بلوجر, تغيير خلفية بلوجر, تغيير شعار بلوجر, حذف مدونة بلوجر, حمزه بلوجر, دروس بلوجر, دروس في بلوجر, دورة بلوجر, دورة بلوجر 2016, دورة بلوجر حوحو, دورة بلوجر كاملة, دورة تصميم بلوجر, دورة تعلم بلوجر, ربط ادسنس بلوجر, ربط بلوجر بادسنس, ربط بلوجر بادسنس 2016, ربط بلوجر مع ادسنس, ربط دومين بلوجر, ربط مدونة بلوجر بادسنس, ربط مدونة بلوجر بادسنس اليوتيوب, ربط مدونة بلوجر بدومين مجاني, ربط مدونة بلوجر بدومين مدفوع, روابط اقسام بلوجر, زيادة زوار بلوجر, سرقة قالب بلوجر, سلايد شو بلوجر, سلايدر بلوجر, سميه بلوجر, سيو بلوجر, شرح بلوجر, شرح منصة بلوجر الجديدة, شرح منصة بلوجر للمبتدئين, شرح موقع بلوجر, صناعة قالب بلوجر, صنع قالب بلوجر, طريقة عمل بلوجر, عمل قالب بلوجر احترافي, عمل مدونة بلوجر, عمل مدونة بلوجر احترافية, عمل مدونة بلوجر احترافية 2016, فاشون بلوجر, فتح بلوجر, فهرس بلوجر, قالب بلوجر 2017, قالب بلوجر احترافي, قالب بلوجر احترافي 2016, قالب بلوجر بسيط, قالب بلوجر تقني, قالب بلوجر جاهز, قالب بلوجر حوحو, قالب بلوجر رياضي, قالب بلوجر رياضي 2016, قالب بلوجر عربي, قالب بلوجر فيديوهات, قالب بلوجر لعرض الفيديوهات, قالب بلوجر للافلام, قالب بلوجر للفيديوهات, قالب بلوجر للهاتف, قالب بلوجر متجاوب, قالب بلوجر متجر, قالب بلوجر مجاني, قالب بلوجر معرب, قوالب بلوجر, قوالب بلوجر 2014, قوالب بلوجر 2016, قوالب بلوجر تقنية, قوالب بلوجر جاهزة, قوالب بلوجر جاهزة للتحميل, قوالب بلوجر رياضية, قوالب بلوجر مجانية, قوالب بلوجر معربة, قوالب بلوجر معربة احترافية, كود اعلانات بلوجر, كورس بلوجر, كيف تصبح بلوجر, كيفية انشاء بلوجر, كيفية ربط بلوجر بادسنس, كيفية عمل بلوجر, لوجو بلوجر, من نحن بلوجر, نطاق مدفوع بلوجر ,
إضافات بلوجر, اضافات بلوجر, اضافات بلوجر 2016, اضافات بلوجر 2017, اضافات بلوجر احترافية, اضافات بلوجر احترافية 2016, افضل اضافات بلوجر
هل اعجبك الموضوع :

تعليقات

عناوين الموضوع