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

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

طريقة التركيب

تذهب الى تحرير القالب ثم ctrl+f و ابحث عن وسم </body> و اضف الكود التالي قبله مباشرة :

<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/AVvXsEg9i914CZSW1c-iMoytornbozezJyIb5Y2P6kq6TYKl3wNJHttMZgJFktbIw2AKMKHVzyXPg219EjrB9oaxLA8Bm9pM0KQIrI_Xiz-aG5USWD-mqR16rQA199K3QdTD-wCexgozy5g9-HbO/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div> <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'> <a href='رابط الموقع هنا' target='_blank' title='Banner iklan disini'><img alt='Banner iklan disini' src='http://f.top4top.net/p_271p97p1.png' style='max-width:100%;height:auto;vertical-align:middle;'/></a> </div> </div>

- قم بوضع رابط الموقع او اي رابط تريد في المكان المخصص له .

- قم بتغيير رابط الصورة المحددة باللون الاحمر .