ومع إضافة اليوم لمن يريد إظهار لمسة فنية في مدونته وجعلها تظهر بخلفيات مختلفة, أقدم لكم هذه الإضافة لتغير خلفية المدونة وذالك حسب توقيت الذي يزور فيه الزائر موقعك.

إضافة لتغير خلفية المدونة حسب توقيت الزائر

هذه الإضافة إن شاء الله سوف تجعلك متميز في مجال التدوين والإبداع, فهي إضافة للمدونين الذين يعشقن التغير والتجديد في المدونة. كما أن إضافة تغير خلفية المدونة ستكسبك زوار لأنها ستترك طابعها ايجابيا داخل الزائر لأنه سيرى التميز في مدونتك مما سيجعله يحتفظ بموقعك في مفضلاته ليعود له مر أخرى.

خلاصة القول كنبذة عن هذه الإضافة, فهي ستقوم بتغير خلفية مدونتك حسب توقيت الحاسوب المستعمل في زيارة موقعك.

س: كيف سيكون هذا التغير؟

ج: بكل بساطة فهي ستقوم بتغير خلفية الموقع مثلا كل ساعة أو ساعتين حسب رغبتك فهي سهلة التعديل

يمكنك التجربة ألان والملاحظة بنفسك.

لتطبيق هذه الإضافة على مدونتك فقط قم بالدخول إلى منصة بلوجر, ثم تذهب إلى التخطيط (Layout) وتضغط على إضافة أذات جديدة HTML/JavaScript. ثم قم بنسخ الكود التالي فيها مع ترك العنوان فارغ.

<!--

Change your blog background by the time

-->

<script type='text/javascript'> 

<!-- www.al-modwen.blogspot.com -->

<!--

 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 <= 6){

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/s1600/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";

 }

//-->

<!-- www.al-modwen.blogspot.com -->

</script>

قبل القيام بالحفظ يمكنك تغيير ما هو موضح بالألوان بما يناسب مدونتك:

اللون الاصفر  الساعة (من 1 الى 24) ومنها تتحكم فى عدد ساعات ظهور الخلفية.

اللون الاحمر لون الخلفية وهي ضرورية اذا كان الصورة من نوع png اي شفافة.

اللون الازرق رابط الصورة التي تريد ان تظهر في هذا التوقيت.

بعد تعديلك للإضافة حسب رغبتك يمكنك حفضها والمعاينة لمدونتك. إذا واجهتك أي مشكلة أو استعصى عليك وضع الكود في مدونتك يمكنك ترك تعليق في الأسفل يوضح المشكلة وسأقوم بمساعدتك وشكرا لكم على متابعة Al Modwen.

من فضلك شارك هذا الموضوع اذا اعجبك

بقلم أيــوب

أيوب, 23 سنة مغربي الجنسية. أهتم بجديد التدوين وإنشاء المواقع عن طريق منصة بلوغر بكل احترافية وهذا الموقع واجهة تعليمية للمبتدئين لتعلم التدوين في بلوغر. يمكنك متابعتى عبر

ضع تعليقا أخي الكريم