EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

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

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

مثال مباشر


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

أول شيئ إبحث عن كلمة 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. السلام عليكم ممكن توضح اكثر ماذا تقصد بجعل الصفحة الرئيسية متحركة

      حذف

التالي السابق الرئيسية