إضافة خلفية السحاب المتحرك لمدونات بلوجر

أصبحت خلفية المدونة مهمة كأي شيئ آخر في أي قالب وأصبح العديد يولي إهتماما كبيرا لخلفية المدونة لكي يختارو الخلفية المناسبة لمدونتهم لذالك أصبحنا نرى خصائص متطورة لخلفيات بأشكال متنوعة هناك المتحركة وهناك خلفية الفيديو والآن اليكم خلفية من نوع آخر

إضافة خلفية السحاب المتحرك لمدونات بلوجر

مثال مباشر


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

أول شيئ إبحث عن كلمة body{ أو body {
إن لم تجدها إبحت فقط عن كلمة body  التي توجد وسط وسم <b:skin></b:skin>

وذالك لتغيير الخلفية الحالية للمدونة بالخلفية الجديدة المهم بعد ان تجده غير كود الخلفية والذي يكون على هذا الشكل مثلا background:#c1deee هذا لو كان لون ويمكن أن يكون هكذا

background:#c1deee url(http://i.imgur.com/JD8mWs7.png);
هذا لو كانت الخلفية عبارة عن صورة

المهم سواءا كان لونا فقط أو خلفية غيره بالكود التالي الخاص بالخلفية الجديدة

background:#c1deee url(http://i.imgur.com/JD8mWs7.png) repeat-x scroll top left;

بعذ ذالك آخر خطوة هي البحث عن الوسم </head> ثمو فوقه ضع الكود التالي :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>var scrollSpeed=70;var step=1;var current=0;var imageWidth=2247;var headerWidth=800;var restartPosition=-(imageWidth - headerWidth);function scrollBg(){current -=step;if (current==restartPosition){current=0;}$(&#39;body&#39;).css(&quot;background-position&quot;,current+&quot;px 0&quot;);}var init=setInterval(&quot;scrollBg()&quot;, scrollSpeed)</script>

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

وإن كان لديك استفسار ىخر خارج الموضوع يمكنك زيارة صفحة الدعم الفني
وفقنا الله وإياكم لما يحب ويرضى
المقال السابق
المقال التالي
مقالات دات صلة

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

  1. لو سمحت يا ادمن كيف بدي اعمل صورة بامتداد جيف زي الي حضرتك عامله فوق ؟؟
    ياريت ما تطول في الاجابة لاني محتاجها.. بدي اطور مدونتي الشهيرة

    مدونة كنوز

    ردحذف
    الردود
    1. تم وضع الموضوع مع شرح الطريقة تفضل هنا http://www.arabe-eye.com/2014/10/simple-animated-screen-captures.html

      حذف
  2. اولان اشكرك على الموضوع بس ممكن شرح جعل الصفحه الرئسيه متحرقه مع الزائر مثل مدونتك

    ردحذف
  3. الصوره تزهر مكرره

    ردحذف
    الردود
    1. السلام عليكم ممكن توضح اكثر ماذا تقصد بجعل الصفحة الرئيسية متحركة

      حذف