السلام عليكم و رحمة الله و بركاته في عالم تعلم ... لمصممي المواقع و القوالب ..لقد عانيت كثيرا في وقت مضى في كيفية رفع أكواد الجافاسكريب و الـ css على خادم برابط مباشر حتى أستطيع إضافته مباشرة في القالب وبعد بحثي كثيرا لم أجد الطريقة الصحيحة لكيفية عمل ذلك إلا عن طريق فيديو غربي لأحد المبرمجين وفيه وجدت ضالتي ..
فأردت أن أعرض لكم كيفية رفع ملفات css و javascript على السيرفر جوجل درايف و تحويل الروابط لتضاف مباشرة في الـ html .. تابعوا معي بدون إطالة و بخطوات سهلة و بسيطة..
سنقوم بعمل مثال على ملف javascript و نفس الشيء بالنسبة لملف css
المرحلة الأولى :
أولا قم بفتح المفكرة : Bloc-notes
* قم بلصق كود الجافاسكريبت الذي تريده
ثم قم بحفظ الملف بامتداد js. -----تابع كما في الصور بكل سهولة-----
أكتب أي اسم تريده...
ملاحظة : إذا كان ملف css ستقوم بحفظه بامتداد css.
قم باختيار UTF-8 ثم حفظ
المرحلة الثانية :
أولا سجل دخولك على google drive
قم بفتح المجلد ثم داخله قم برفع الملف
نغير في إعدادات النشر كما في الصور
فأردت أن أعرض لكم كيفية رفع ملفات css و javascript على السيرفر جوجل درايف و تحويل الروابط لتضاف مباشرة في الـ html .. تابعوا معي بدون إطالة و بخطوات سهلة و بسيطة..
سنقوم بعمل مثال على ملف javascript و نفس الشيء بالنسبة لملف css
المرحلة الأولى :
أولا قم بفتح المفكرة : Bloc-notes
* قم بلصق كود الجافاسكريبت الذي تريده
ثم قم بحفظ الملف بامتداد js. -----تابع كما في الصور بكل سهولة-----
أكتب أي اسم تريده...
ملاحظة : إذا كان ملف css ستقوم بحفظه بامتداد css.
قم باختيار UTF-8 ثم حفظ
المرحلة الثانية :
أولا سجل دخولك على google drive
تابع كما في الصور خطوات رفع ملفك
نغير في إعدادات النشر كما في الصور
المرحلة الثالثة :
قم بنسخ الرابط في الصورة السابقة الذي يظهر لك ( هذا الرابط يصلح لتحميل الملف فقط وعلينا تغييره حتى يصلح للعرض المباشر على القالب )..
قم بتغييره كالآتي :
سنكمل على الملف السابق كمثال :
لدينا هذا الرابط الذي قمنا بأخذه:
https://drive.google.com/file/d/0B-gM23qvpbejT1NUYVBuSTllcGc/view?usp=sharing
يجب أن تقوم بحذف عبارة view?usp=sharing/ التي باللون الأحمر
ثم تقوم بتغيير /file/d التي باللون الأزرق وتستبدلها بـ كلمة /host
ليصبح بالشكل التالي :
https://drive.google.com/host/0B-gM23qvpbejT1NUYVBuSTllcGc
لكن إذا قمت بلصق هذا الرابط على المتصفح لن يقوم بعرض الملف و تظهر لك العبارة التالية :
فما الحل ؟ .. لا تقلق هناك حل .... تابع معي ...
نقوم بالخطوة الأخيرة في هذا كله و هي تغيير عبارة : drive.google.com لتصبح : googledrive.com
ليضبح شكل الرابط السابق كالتالي :
https://googledrive.com/host/0B-gM23qvpbejT1NUYVBuSTllcGc
نقوم بعرضه على المتصفح فسيظهر كما نريده :
أخيرا ..تقوم بنسخ الرابط و لصقه في القالب في المكان المناسب له على حسب عمله...
إذا أعجبك الموضوع من فضلك شاركه مع أصدقائك كي تعم الفائدة
الحمد لله الذي وفقنا لهذا الشرح البسيط
محول الأكوادإخفاء محول الأكواد الإبتساماتإخفاء الإبتسامات