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

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

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

الطريقة بسيطة جداً لتضمين عدة من البنرات الإعلانية لتظهر بشكل متناوب عشوائي في مدونتك.
يمكن إستخدام هذه الطريقة من خلال الدخول إلى لوحة التحكم في مدونتك -->> التخطيط -->> إضافة أداة ثم اختيار أداة Html/javascript ثم إضافة الكود التالي داخل الأداة مع التعديل عليه:


<script>
function hideitem() {
document.getElementById("adsrd").style.display = "none";} // < ![CDATA[ adsrd = new Array(2); 
adsrd[0] = '<a href="#" target="_blank"><img style="width: 100%;" alt=" عنوان الصورة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJd6B7joPGojBATph8Xz5LzktB75eR4J94Nb9EPRu2oHFoCcZuHPDYegB3nt5FafcvKczBspa9XmVbGvjbNo_j8ANLa0c0NJ4r1O_DhhWUkOymfQ7Y0YtZAYZOtpl89EqY8qTTBKdbp8/s1600/%D8%A7%D9%84%D8%A8%D9%86%D8%B1+%D8%A7%D9%84%D8%A7%D9%88%D9%84.png" title="عنوان البانر" /></a>';
adsrd[1] = '<a href="#" target="_blank"><img style="width: 100%;" alt=" عنوان الصورة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFxKLx-rRJJkFFKk-k5BHWAc5feu-UQffKchmtJg8-0mttFXLn9zI8XtU3GeTpEXu34rdB-YU9LpfGfbCeVbOCeg3izVcYJeeDyO0e9pttnscOOhmaCPLdWYeRuBAnJyebHMrEtWz8SgU/s1600/%D8%A8%D9%86%D8%B13.png" title="عنوان البانر" /></a>';
adsrd[2] = '<a href="#" target="_blank"><img style="width: 100%;" alt=" عنوان الصورة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YY7h79aWkgjdIlR10cqJ9A5LbOQQrr4wsSvVOMBxBVSQcSTSsXOXO19Zs5QEbQPkj0MY1BZn2sp8uE_uo1sb_ALehmMUCDDaFA1lxMoI6q3wt1xseVWcLGKpyp6tVCixqb_AmTYg2GTJ/s1600/%D8%A8%D9%86%D8%B1+2.png" title="عنوان البانر" /></a>'; tbindex = Math.floor(Math.random() * adsrd.length); //]] > </script> <div id="adsrd"> <script type="text/javascript"> document.write(adsrd[tbindex]); </script></div> 

غير رابط الصور برابط البنرات المطلوبة ورمز # برابط الموقع الخاص بكل بانر والعناوين.

نتمنى أن تكون مفيدة وإلى اللقاء في مواضيع جديدة وشيقة.



مشاركات أقدم المقال التالي
3 تعليق
  • مصممين فوتوشوب
    مصممين فوتوشوب 24‏/11‏/2014، 1:03:00 ص

    جميل اخي تسلم ايدم

  • كينج نت ملك النت
    كينج نت ملك النت 05‏/12‏/2014، 2:56:00 ص

    جزاك الله خير
    شرح اكثر من رائع
    تحياتى لك : كينج نت

أضف تعليق
عنوان التعليق