إضافة وحدة إعلانية عائمة مع زر الإغلاق في بلوجر

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

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

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

معاينة

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN0Wq8SspGHzOcB6LkCRfAG7DeCzX2EYIpszGp0cB3R7bABgMcn52RHBhuICUtejXxdZufc3wEgvPLN-VZ9KnrQ5aqODttx4zgouBMoH9GvzfxbfGlKlCuRY-lOYTZoMzd5F-Hca0MclHY/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUuHXHqYfvWLdKeX2wvccdeL8fIhpW3iCNG-C2Ehyphenhyphen-1jXKCpOsn-Wpdc6MzsJO_nmQ9v-Da33jEvtSKyGdx1Hmx7MrCvPnrKnX3Pf3bfB4sRonNq2sSjH35DYxA7ltFCoc1nnKAeHg6aI/s1600/arlina-tea.png'/></a>
</div>
</div>

الإعدادت

الرابط الذي باللون الاحمر إستبدله بالبنر الإعلاني الخاص بك
الرابط الذي باللون الازرق وهو زر كلمة close إستبدلها بما تريد
اسبتدل الرمز # برابط الموقع المراد الإعلان عنه
الكلمات التي باللون الاخضر استبدلها بعنوان البنر الإعلاني
الرقم 728pxهو المسؤول عن حجم عرض الإعلان

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

11/06/2015

مواضيع ذات صلة

إضافة وحدة إعلانية عائمة مع زر الإغلاق في بلوجر

4 / 5

بواسطة مدون محترف

مدون محترف 11/06/2015 30 تعليقات