تخزين اكواد CSS في قوقل درايف

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

التأثيرعلى سرعة الموقع:

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

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

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

يكمنك تخزين ملفات CSS و Java-script لكننا سنكتفي بملفات CSS فقط في هذا الدرس.

الشرح:


  1. نسخ اكواد CSS الموجودة بين <b:skin> و <b:skin/>.
  2. لسقها في مفكرة (notepad).
  3. ثم الضغط على حفظ.
  4. سمي الملف كيفما شئت سرط ان يكون css.
  5. واختار UTF-8 كما توضح الصورة.
تخزين اكواد CSS في قوقل درايف

كيفية تخزين الملفات في جوجل درايف:

  1. الولوج الى https://drive.google.com ثم تسجيل الدخول بحسابك.
  2. ثم اضعط على الزر الاحمر الموجود على اليسار.
  3. اختار ملف او folder على حسب اللغة التي تستعملها.
  4. ثم اختر اي تسمية لهذا الملف.

انشاء ملف جوجل درايف
ثم افتح الملف الذي انشاته للتو واضغط مجددا على الزر الاحمر الموجود في اليسار واختر ملفات. ثم اختر الملف من سطح المكتب واضعط على Share. كما توضح الصورة.
cssfiletogoogledrive
بعد ذلك اضغط على Advanced  واختار Public ئم قم بنسخ هذا الرابط.
hostcssongoogledrive

كيفية اضافة الرابط الى بلوجر:

مثلا ها هو الرابط الذي نسخته https://drive.google.com/file/d/XXXXXXXXXXXXXX/edit?usp=sharing

قم باستبدال file/d/  ب /host/ :   
https://drive.google.com/host/XXXXXXXXX
وخيرا في قالب بلوجر قم بلصق الرابط التي تحصلت عليه بعد اجراء التغييرات تحت وسم <head>. بعد وضعها في هذا الشكل:
<link rel=”stylesheet” type=”text/css” href=”https://drive.google.com/host/XXXXX”/>


1 commentaire:

جميع الحقوق محفوظة © 2014. تصميم : الورشة