فاليوم ساضع لكم درس بنفس الفكرة ولكن فى هذا الدرس سنجعل خلفية هيدر المدونة رأس المدونة تتغير تلقائيا الى عدة صور اثناء تصفح المدونة .
كيفية تغيير الصور تلقائيا :
قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الان قم بالبحث عن هذا الكود :
<body>اضف بعدة مباشرة هذا الكود :
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="اضف رابط الصورة هنا"
HeaderImage[1]="اضف رابط الصورة هنا"
HeaderImage[2]="اضف رابط الصورة هنا"
HeaderImage[3]="اضف رابط الصورة هنا"
HeaderImage[4]="اضف رابط الصورة هنا"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
ملحوظة هامة :
قم بوضع رابط الصورة الخلفية الذى تريدها مكان كلمة اضف رابط الصورة هنا المحددة باللون الاصفر بالأخير اضغط على حفظ وانتهى التركيب عند عودتك الى الصفحة الرئيسية ستجد الخلفية متواجدة بالهيدر واثناء التصفح ستجد الخلفية تم تغييرها الى الخلفية الثانية وهكذا .
ارجو بأن هذه التدوينة اعجبتكم وانتظرونى بتدوينة اخرى جديدة