الثلاثاء، 21 نوفمبر 2017

كيف تضيف إعلانات عائمة لمدونات بلوجر


كيف تضيف إعلانات عائمة لمدونات بلوجر


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

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

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

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

الذهاب إلى لوحة تحكم بلوجر انقر على تبويب قالب اضغط على تحرير 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 هو المسؤول عن حجم عرض الإعلان

اتمنى ان يكون الموضوع اعجبكم اي سؤال او استفسار لا تترد بوضعه في تعليق

إضافة تعليق