10:15 ص

تغيير خلفية مدونتك بشكل دوري حسب التوقيت

من المعروف أن الإنسان بطبيعته يحب التغيير ,اليوم سنتعلم كيف يتم تغيير خلفية المدونة حسب توقيت جهاز الزائر فمثلا في المساء  لن تكون الخلفية كما في الظهيرة أو الصباح وهذا يلفت انتباه الزائر و ضفي بعضا من الجمالية على المدونة 
 بعض صور تصلح كخلفيات للمدونات أعجبتني 
 تانيا لتركيب هذه الإضافة إلى مدونتك ما عليك سوى التسجيل في بلوجر >>الذهاب للقالب المعني>>التخطيط>>إضافة أداة>>HTML/JavaScript>>ننسخ الكود التالي داخلها ثم نحفظ 
==========================================
<script type='text/javascript'>
<!--
 var now = new Date();
 var hours = now.getHours();
   //16-18 ساعة
if (hours >= 16 && hours <= 18){
document.body.style.background="#3399FF url('http://2.bp.blogspot.com/-CFlHD7yvSl8/U3FRHwIY1hI/AAAAAAAABtQ/NV8Nq0k05wU/s1600/2.jpg') fixed top repeat-x";
   //19-21 ساعة
 } else if (hours >= 19 && hours <= 21){
document.body.style.background="#99CC66 url('http://3.bp.blogspot.com/-Jzs3xwYRy4s/U3FSeNbncBI/AAAAAAAABuU/dSyFcbfRzwU/s1600/3.jpg') fixed top repeat-x";
   //22-4 ساعة
 } else if (hours >= 22 || hours <= 4){
document.body.style.background="#993399 url('http://1.bp.blogspot.com/-WqPCH0CSpa8/U3FRtG7CywI/AAAAAAAABto/Q-Lj-6yTCBM/s1600/4.png') fixed top repeat-x";
   //5-6 ساعة
 } else if (hours >= 5 && hours <= 7){
document.body.style.background="#CC99CC url('http://1.bp.blogspot.com/-QCOac5C7_pQ/U3FR-4I_KiI/AAAAAAAABtw/5cVCl8xXOnk/s1600/5.jpg') fixed top repeat-x";
   //7-8 ساعة
 } else if (hours >= 7 && hours <= 8){
document.body.style.background="#9966CC url('http://3.bp.blogspot.com/-KCFFulPwpCM/U3FSNSixVGI/AAAAAAAABuA/1XVYnjuOcrU/s1
600/6.jpg') fixed top repeat-x";
   //9-15 ساعة                       
 } else if (hours >= 9 && hours <= 15){
document.body.style.background="#868579 url('http://3.bp.blogspot.com/-Sixq9qoD9og/U3FSLlAEeTI/AAAAAAAABt4/2EvWQ0m9goA/s1600/7.jpg') fixed top repeat-x";
 }
//-->
//http://www.sweup.com
</script
========================================
يمكنك تغيير روابط الخلفيات بأي خلفيات تريدها كما يمكنك تغيير الوقت بما يناسبك. 

   ( لا نزال بالمرحلة التجريبية للمدونة ترقبونا )
 
Comments
0 Comments

0 التعليقات :

إرسال تعليق