مرحبا بكم زوار ومتابعي مدونة عفريت بلوجر في هذا الدرس الجديد و الجميل للتزين مدوناتكم بخلفيات متعدّدة من إختيارك (صورك , أو صورك المفضلة أو صور تعبر عن مدونتك ) كل هذا يجعل مدونتك رائعة و أنيقة لأن الصور تتغير كل مرة تقوم بالدخول لموضوع أخر أ صفحة أخرى أو تحديث الصفحة على مدونتك .
تابعوا معي الشرح التالي الذي هو بسيط جدا نضيف فقط كود (سكريبت) لمدونتك ونضع روابط الصور التي نريدها و تكون قد أنجزت الإضافة لمدونتك
توجه للوحة إدارة مدونتك ثم إلى تحرير قالب HTML مدونتك و ابحث عن الوسم
</head>
قم بنسخ الكود التالي وضعه قبله مباشرة
<script type='text/javascript'>
var images= new Array()
images[0]="http://3.bp.blogspot.com/-OENBFU6XEj8/U0LoF2ucDtI/AAAAAAAAHt8/n-LvqjzgVxs/s1600/Books.jpg"
images[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmf8j2mwrbA64u41cHAarez6SEIa41TVhq-6o31SgIunmi81FpmtGNeuKGXhCmdmGZAHcpRt3IM3bvi-8_zM3YYXlrWITWUAze83M1hSFUGl0eS3xfrXym-PCfHGjKjPNwBJ-mfxNt3I/s1600/maroc.jpg"
images[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + images[random] + '") repeat;');
document.write(" }");
document.write("</style>");
</script>
var images= new Array()
images[0]="http://3.bp.blogspot.com/-OENBFU6XEj8/U0LoF2ucDtI/AAAAAAAAHt8/n-LvqjzgVxs/s1600/Books.jpg"
images[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmf8j2mwrbA64u41cHAarez6SEIa41TVhq-6o31SgIunmi81FpmtGNeuKGXhCmdmGZAHcpRt3IM3bvi-8_zM3YYXlrWITWUAze83M1hSFUGl0eS3xfrXym-PCfHGjKjPNwBJ-mfxNt3I/s1600/maroc.jpg"
images[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + images[random] + '") repeat;');
document.write(" }");
document.write("</style>");
</script>
قم بتغيير الروابط باللون الأحمر بروابط الصور التي تريد ظهورها في الخلفية
يمكنك زيادة عدد الصور الذي تظهر كل مرة في مدونتك بزيادة سطور إضافية للصور وهذا مثال أنا وضعت 3 صور في الكود يمكنك أن تقوم بزيادة السطور في الكود أسفل هذا السطر
images[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
images[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
images[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
images[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXQtlCDVWZ34xK8QActKgWXLR1DGRIMo2yPYzM9b3NOXwvbNTTZ_Qho0AFqntZfkCHrXOWflc5IT41Rglf_Fd53fFfw-apLQSmYjAzEO68bfj7g5SNFFaE86NuKn494BYV6YNisUGyKU/s1600/Study.jpg"
و لا تنسى تغيير الأرقام باللون الأزرق في كل سطر
أتمنى تتوفقوا في إضافتها لمدوناتكم ومواقعكم و إذا واجهتكم أي مشكلة على صفحتي في الفيسبوك أو في التعليقات
- See more at: http://www.3efrit.net/2014/08/blog-post_22.html#sthash.qRAu77nA.dpuf
بقلم أسامة بويردن
أنا من المغرب، احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا
0 التعليقات:
إضغط هنا لإضافة تعليق
إرسال تعليق
Blogger Widgets