مدونة بلوجر

اضافة تأثيرات التحميل rotate spinner لمدونتك بأشكال رائعه

اضافة تأثيرات التحميل rotate spinner لمدونتك بأشكال رائعه

تأثيرات التحميل أو preloading effect ، rotate spinner، transparent spinner ، cool spinners وذلك لمدونات بلوجر.

هى اضافات جميله تطفى طابع جمالى مميز لقالب مدونتك حين التصفح ، فهى تظهر وقت التحميل وتختفى حين الانتهاء من تمام تحميل الصفحه.

هل تؤثر على سرعة المدونه ؟

الاجابه لا لانها صور خفيفه جدا SVG ومصممه بأكواد CSS ولايستخدم فيها تنسيق الصور العاديه مثل ( JPG أو PNG … الخ ) والتى تشغل حيزا بحمل معين اثناء التحميل ممايؤثر فى سرعة الموقع .

طريقة التركيب :-

1- قم بالدخول للوحة تحكم مدونتك ثم المظهر ثم تعديل HTML

اضافة تأثيرات التحميل rotate spinner لمدونتك بأشكال رائعه 1

2- من خلال القالب قم بالبحث بواسطة الأمر التالى  CTRL+F عن 

أو

فوقه مباشرة ضع الــ jQuery التالى :

 3- قم بالبحث عن

أو 

اسفله مباشرة ضع الكود التالى :


   

 4- قم بالبحث عن

أو

قبله مباشرة ضع كود CSS التالى 
ثم قم بحفظ العمل وشاهد النتيجه …. 

بعض الأشكال الأخرى :-

طريقة التركيب هى أن تكرر الخطوات أرقام 3 و 4

1- Dot Bounace

HTML

 

   

   

   

CSS

2- Runnung dot

HTML

   

   

   

   

   

CSS

3- Circle


HTML

 

 

 

CSS

4- Reversed Dot


HTML

         

  •      

  •      

  •    

CSS

5- Google Chrome

HTML

CSS

اتمنى أن أكون وفقت فى طرح موضوع ذو فائده لك
مع تمنياتى لك بالتوفيق … والى شرح آخر قادم
the Source of codes
www.arlinadzgn.com

زر الذهاب إلى الأعلى
إغلاق
إغلاق