مساحة إعلانية

2013-08-24

إستخدام Google Drive لإستضافة ملفات موقعك

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

هل فكرت يوما فى إنشاء موقع بسيط ولم يكن لديك سيرفر وتبحث عن إستضافة مجانية ؟
أعلنت شركة جوجل عن توقف خدمة إستضافة الملفات بعد 31 أغسطس 2016 طبقًا لهذا البيان ويمكن متابعة شرح لبعض البدائل لخدمة Google drive 
أو تمتلك مدونة على بلوجر وتواجه مشكلة فى إستضافة ملفات Html,Css,Javascript الخاصة بمدونتك؟
فخدمة التخزين السحابية Google Drive تعتبر بديل رائع ومجانى لإستضافة ملفات موقعك سواء كانت صفحات ويب Html , Css,Javascript أو حتى ملفات فلاش أو الفيديو والملفات الصوتية أو الصور والأيقونات التى يتضمنها الموقع أو المدونة.
google-drive-host

وقد قدمت من قبل شرح عن  استضافة مجانية للمواقع وصفحات الويب على  Dropbox

 ولكن على الرغم من أن  Dropbox أسرع وأسهل إلا أنه محدود  limited bandwidth  أما جوجل درايف فهو غير محدود  unlimited bandwidth كما له العديد من المميزات يمكن الإطلاع على شرح كامل لجوجل درايف وشرح المميزات


فإذا كنت تفضل جوجل درايف فى حفظ وتخزين الملفات الخاصة بموقعك أتبع الخطوات الآتية:

كيفية إستضافة ملفات موقع بسيط على Googledrive

يمكن إستخدام موقع يحتوى على ملفات صور وأكواد وصفحات ويب html

فى البداية سجل الدخول إلى حسابك على  Google drive  عن طريق Gmail

ثم إنشئ مجلد جديد لرفع ملفات موقعك إليه 

create>>folder
ثم رفع ملفات موقعك إليه
google-drive-host

إجعل جميع ملفات الموقع عام على الإنترنت Public

وذلك من خلال الضغط على مستنداتى My drive ثم إختيار المجلد الذى قمنا برفع ملفات الموقع إليه ثم إضغط "المزيد" أو "More" وإختيار "مشاركة " أو "share"

google-drive-host
الإختيار الإفتراضى المفعل للملفات المحفوظة على جوجل درايف تكون خاصة Private ولكن لكى تستفيد من خاصية الإستضافة لابد أن تكون عامة على الإنترنت public لهذا إضغط على "تغيير" أو "change" ثم تفعيل الإختيار "عام على الإنترنت" أو "public"ثم حفظ
google-drive-host 

الحصول على الرابط المباشر للملف المستضاف

 عند مشاركة الصفحة الرئيسية للموقع "index.html" إنسخ الرابط الذى يظهر

google-drive-host
وهذا مثال
https://docs.google.com/file/d/0B3ntuTCXGn6nMlk3VjJJSHo5ZjQ/edit?usp=sharing
إحذف الجزء الملون بالأخضر من الرابط ثم إستبدل الجزء الأحمر من الرابط ليكون هكذا
https://googledrive.com/host/0B3ntuTCXGn6nMlk3VjJJSHo5ZjQ/
مع مراعاة عدم التغيير فى الرمز  الذى يمثل ID الخاص بالموقع.

إستضافة الملفات الخاصة بمدونات بلوجر على Google drive

بنفس الطريقة يمكن حل مشكلة عدم وجود إستضافة لمدونات بلوجر فيمكن أن تحتفظ بملفاتك على جوجل درابف
مثال على ذلك إستضافة ملفات Css
قم برفع ملفات CSS الخاصة بمدونتك إلى حسابك على جوجل درايفgoogle-drive-host 
ثم عند مشاركة الملف نقم بتغيير الملف من خاص إلى عام public
google-drive-host
ثم مشاركة الملف ونسخ الرابط وتحويله إلى رابط إستضافة كالآتى:
وهذا مثال
https://docs.google.com/file/d/0B3ntuTCXGn6nMlk3VjJJSHo5ZjQ/edit?usp=sharing
إحذف الجزء الملون بالأخضر من الرابط ثم إستبدل الجزء الأحمر من الرابط ليكون هكذا
https://googledrive.com/host/0B3ntuTCXGn6nMlk3VjJJSHo5ZjQ/

مع مراعاة عدم التغيير فى الرمز الملون بالأزرق الذى يمثل ID للملف
إستخدم رابط الإستضافة لملف Css داخل قالب مدونتك عن طريق إضافته إلى هذا الكود:

<link href='https://googledrive.com/host/0B6RfPJAihIixTXAxQUdMRERWOEp/ ' rel='stylesheet'/>
ثم إضافة هذا الكود فوق الوسوم <head>
أيضا من الممكن إستضافة صفحات الويب Html وإستخدامها داخل iframe داخل مدونتك بنفس الطريقة.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا  

هناك 19 تعليقًا

  1. لو سمحت اريد ان اكون كاتب فى مدونتك

    مدونتى
    http://waseeela.blogspot.com/

    ردحذف
  2. @ MOHAMED TAHSEEN

    مدونتكم ممتازة ويشرفنى المشاركة بموضوعاتكم القيمة ولكنى أعتذر لأن الموقع لايسمح بتعدد الكتاب

    ردحذف
  3. شكراا لكم :]

    ولكن اريد ان اكون كاتبا بعد اذنكم وسأدهشكم بموضوعاتى الحصريه التى سوف تكون لكم طبعا ولكنى اريد ايضا ان ارشف مدونتى فلو سمحت اقبل

    ردحذف
  4. @ MOHAMED TAHSEEN

    شكرا جزيلا
    ولكن نصيحة إذا كنت تبحث عن الأرشفة البحث عن مدونة ذات بيج رانك عالى أما بالنسبة لمدونتى فقد قمت بتغيير الدومين إلى مدفوع والدومين الحديث لم يحصل على تقييم من جوجل وأنتظر تحديث جوجل للبيج رانك أما بالنسبة لبيج رانك 4 فهو للدومين المجانى

    ردحذف
  5. شكراا لك على الموضوع المفيد
    في انتظار جديدك
    www.al2afdal.com

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

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

    ردحذف
  8. @ Don HichaM ,Muhammad Ali @
    @ aly fouaad
    شكرا لمتابعتكم جميعا
    بالنسبة لسؤال: ما فائدة جعل الملف عام بالنسبه للمدونه؟
    الملف العام هو الذى يراه زائري المدونة أما إذا كان خاص فلا يراه سوى من تحدده فقط
    بالنسبة لرفع ملفات css تكون خاصة بالإضافات التى تحتويها المدونة وهى إما تكون مكتوبة داخل القالب أو مكتوبة بملف نصى بصيغة css وهو ما يتم رفعه على Google Drive

    ردحذف
  9. السلام عليكم ورحمة الله وبركاته
    اشكركى اولا على المعلومات القيمة والمفيدة التى تقدم على موقعكى المميز
    لدى استفسار
    هل يمكننى رفع ملفات قواعد البيانات على جوجل درايف واستدعاء query منها على موقعى او مدونتى

    ردحذف
    الردود
    1. بالتأكيد يمكن ذلك خصوصا اذا استخدمت جدول بيانات جوجل google spreadsheet أو خدمة Google fusion table فى فتح ملفاتك التى تحتوى على قواعد البيانات المحفوظة فى حسابك على جوجل درايف

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

    ردحذف
    الردود
    1. إذا إستخدمت جوجل درايف فى إستضافة ملفات Css سيؤثر ذلك على سرعة موقعك ويمكن مراجعة هذا الموضوع كيفية إضافة أكواد CSS
      أما بالنسبة لرفع صور مشاركات مدونة بلوجر فهى بالفعل تحفظ فى حسابك على Google photo فى جوجل بلس وهى تستهلك جزء من مساحة جوجل درايف التخزينية.
      أما بالنسبة للهيدر أو الصور الخاصة بالقالب فمن الممكن ان تكون بحساب المصمم ويمكن رفعها بحسابك .

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

      حذف
    3. نعم سيغنى عن الكود المكتوب بالنسبة للإضافات والادوات أما بالنسبة لأكواد CSS الرئيسية بالقالب مثل ما يخص تنسيق العناوين والشكل النهائى للقالب فأفضل أن تكون مكتوبة حتى يسهل التعديل عليها إذا تطلب الأمر.

      حذف
  11. الاخت الفاضلة عما قد قرأت ان خاصية استضافة جوجل درايف للملفات ستنتهي شهر اغسطس 2016 فهل هناك موقع اخر بديل لاستضافة css و شكرا

    ردحذف
    الردود
    1. نعم هناك بدائل مثل موقع Github يمكن الإعتماد عليه سأحاول شرحه لاحقًا بإذن الله

      حذف

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


لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

Privacy-Policy | عودة الى الاعلى
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2016 ©

تصميم كن مدون