إضافة بنر يتغير عند كل تحديث للصفحة - بلوجر

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

شرح الإضافة:
1 توجه إلى التنسيق / إضافة أداة HTML/JavaScript 

ثم ألصق السكربت التالي :

<script type="text/javascript">
image0="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDppTwfeoIi5xg-l5BQ3fnQC6HSmqwFnGXxLXTGG5XlimZrdc5VOnRXUIGxeNvTO9NmadZmlb0yWuniExpcXfBRpGBSbI-n9W4xI5GYpx4vvvAqck0mruulhkqL-TzXMnI2yTCZxqn4VYA/s320/banner1.png";
href0="url.com";
alt0="الوصف";

image1="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5pHLr6YLiOlxzYLvef5r1KBT0_fJz9a08i78IQgoCzXLpUnP_5TGEl51bvqkJaVI7AZ8fBliyMlqtyv-i2BpsefKneUQpqZHwCfVJQBK5Q2lncr6u_etbH46QQ_OdeS8CG13Bq4-out_/s320/banner2.png";
href1="url.com";
alt1="الوصف";

image2="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw-GG5VUrLu_GHOrljsuyuxVGUAzFewuARxikBgopqKdT4qtAN1TmYVSYi2v_1sw_HuffMSZqMXEmhj70dLXrgvPgGc2tK-k6kB1_XGdXGxN9jtlkETzPOrLqzt5g_kKuvvjFQngly0tsK/s320/banner3.png";
href2="url.com";
alt2="الوصف";

len=3;

now=new Date();
now=now.getSeconds();
rnd=now%len;

image=eval("image"+rnd);
href=eval("href"+rnd);
alt=eval("alt"+rnd);

document.write("<a href='" + href + "'>");
document.write("<img src='" + image + "' alt='" + alt + "'></a>");
</script>

استبدل رابط الصورة بصور أخرى.

واستبدل url.com برابط الإنتقال.

وأضف وصفًا للصورة.

وتستطيع إضافة أكثر من الثلاث صور 

ضيف هذا الكود فوق len=3;

image3="http://www.w3schools.com/banners/rd_htmlref.jpg";

href3="url.com";

alt3="الوصف";

وإذا أردت اكثر من ذلك فقم بإضافة الكود عدة مرات , مع تغيير image3 إلى  image4 وimage5 وimage6 إلخ .وتغيير href3 إلى href4 و href5 إلخ ..  وأيضََا تغيير alt3 إلى alt4 و alt5 وalt6 إلخ...

وفي الأخير يتم تغيير قيمة  len=3; وهي عدد الصور المستخدمة , فيتم تحديد العدد حسب عدد الصور التي وضعتها في السكربت.