Post Top Ad

Your Ad Spot

السبت، 9 مايو 2015

جعل خلفية المدونة تتغير تلقائيا اثناء التصفح Background Changer Automatically

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




كيفية تغيير الخفيات تلقائيا :

قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الان قم بالبحث عن هذا الكود :
</head>
ضع قبلة مباشرة هذا الكود :
<script type='text/javascript'>
var images= new Array()
images[0]=&quot;اضف رابط الصورة هنا&quot;
images[1]=&quot;اضف رابط الصورة هنا&quot;
images[2]=&quot;اضف رابط الصورة هنا&quot;
images[3]=&quot;اضف رابط الصورة هنا&quot;
images[4]=&quot;اضف رابط الصورة هنا&quot;
var random=Math.floor(3*Math.random());
document.write(&quot;<style>&quot;);
document.write(&quot;body {&quot;);
document.write(&#39; background:url(&quot;&#39; + images[random] + &#39;&quot;) repeat;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script>
ملحوظة هامة :
لاتنسى بوضع رابط صور الخلفيات مكان كلمة اضف رابط الصورة هنا المحددة باللون الاخضر .
اذا كنت تريد زيادة عدد الخلفيات فعليك بتكرار هذا الكود images[4]=&quot;اضف رابط الصورة هنا&quot; ويتم وضعة اسفلة مباشرة وهكذا ولا تنسى بوضع الرقم التسلسلى المحدد باللون الاصفر فهذا الرقم يعنى لنا الترتيب اى الصورة رقم 1 تظهر فى الاول والصورة رقم 2 تظهر بعدها تلقائيا اثناء التصفح وهكذا .

هناك 8 تعليقات:

  1. شكرا لك على هذا الموضوع وأنا من متابعبن مدونتك ومواضيعها المميزة
    لدي أستفسار
    أخي هل تظهر الصور بشكل ثابت مثل مدونتي
    www.66GS66.com

    ردحذف
  2. ماشاء الله موقعك اكثر من رائع والاروع ان موقعك مختص لشيى واحد فقط
    هى الفكرة يا اخى حمزة من ان خلفية جوانب المدونة تتغير اثناء التصفح

    ردحذف
    الردود
    1. شكرا لك على أطرائك ولكن ليس كمضمون موقعك الجميل, شكرا لك أتمنى أن تستمر في موضيعك التي لا اجدها في مكان اخر

      اه أعرف ما فكرت الأضافة بل أقصد أنه عندما اضع الاصافة كلما نزلت للأسفل سوف تبقى الخلفية ثابتة أم تظهر أسفل بعض و لا تظهر في ثبات لأني أريدها أن تبقى ثابتة مثل ما تتطرقت أنت في هذا الموضوع
      http://www.kingnt.com/2012/06/blog-post_28.html

      حذف
    2. للاسف يا اخى حمزة الصورة تتحرك كلما تنزل الى الاسفل او العكس فهى ليست ثابتة
      ان شاء الله سأجد لك الطريقة الذى تريدها انا فهمت بماذا تقصد ؟

      حذف
    3. شكرا لك كثيرا أخي غلبتك معي

      وهذا مثال لموقع على wordprees تتغير الصورة وتبقى ثابتة
      www.skidrowreloaded.com
      وأشكرك مرةَ أخرى

      حذف
    4. خلص خلص أخي أنا وفرت عليك البحث لقيت الطريقة هي طريقة أخترافية أذا اعجبتك الطريقة ضعها في مدونتك ليستفسد أكبر عدد ممكن منها
      هو أخذته من مدونة أجنبية
      تفضل
      http://helplogger.blogspot.com/2013/09/create-background-slideshow-for-blogger.html
      بصراحة الطريقة أعجبتني كثيرا بحيث تتغير الخلفية كل خمس ثواني يعني slideshow

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

      حذف
    6. العفو( فلا خير في كاتم علم)
      تشرفت بلتعرف عليك ^_^

      حذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad