لقد كانت استضافة ملفات CSS و JavaScript الخاصة بك علي مدونات بلوجر دوما مسألة تثير قلقا لمالكي المدونات وقد كان معظم المدونين يفضلون اضافة صفحات الأنماط بأكملها في من ملف واحد، حتى يتسنى لهم رفعها إلى الاستضافة المحدودة ولكن الحمد لله فقد سمحت جوجل لمطوري الويب واصحاب المدونات والمواقع باستضافة ملفاتهم بواسطة خدمة قوقل درايف بحيث يمكن بسهولة تخزين ملفات HTML و JavaScript و CSS ومشاركة روابطها مع الاخرين.كل هذا يتيحه جوجل مجانا اضافة الي خاصية المعاينة التي توفر عليك عناء شراء استضافة مدفوعة ودومين من اجل توفير هذه الميزة,في هذه التدوينة، سوف ابين لك كيفية استضافة ملفاتك مع جوجل درايف علي مدونتك في بلوجر.
لماذا جوجل درايف Google Drive هو افضل مستضيف لملفاتك؟
مساحة تخزين كبيرة:جوجل درايف يوفر لك مساحة تخزينية 5 جيغابايت حتى تتمكن بسهولة من تحميل الكثير من الوثائق. ومع ذلك، إذا مساحة القرص قد امتلئت،يمكنك ترقية حسابك.جودة كبيرة في الخدمات: جوجل درايف يوفر لك حرية لاستضافة أي شيء تريد لكن بدون تجاوز 5GB او يمكن ترقية حسابك والتمتع بمساحة غير محدودة.
مشاركة ملفاتك الخاصة:يمكنك مشاركة الملفات والمجلدات الخاصة بك مع أي شخص تريده ولوحة تحكم تمنحك تحكم كامل في ملفاتك.
الامن وموثوقية الخدمات: اثبت جوجل دائما أنه الأكثر موثوقية وامان في خدماته فقد استخدم تشفير HTTPS للحفاظ على المستندات الخاصة بك آمنة.خدمات مجانية:كل هذه الميزات الرائعة مع جوجل درايف تتمتع بها مجانا.
مزايا استضافة CSS و JavaScript في ملف واحد
الجمع بين جميع الأنماط CSS أو JavaScript في 1 ملف واحد يساعد مدونتك علي منصة بلوجر لتحميل أسرع و سلاسة لعناكب البحث في ارشفة موقعك او مدونتك.
كيفية استضافة ملفات بلوجر Blogger في جوجل درايف
هناك العديد من التطبيقات التي يمكن أن تساعدك على استضافة ملفات بلوجر لكن جوجل درايف لديه مميزاته الخاصة ما يجعله افضل من باقي استضافات الملفات,جوجل درايف يعمل بشكل مثالي و ليست هناك حاجة للقلق فالكل يثق بجوجل ويعرف جودة خدماته ومجانيته. الان ساشرح لك طريقة إستضافة ملفات بلوجر في جوجل درايف
الخطوة الاولي:لاستضافة ملفات بلوجر الخاص بك مع جوجل درايف، أول شيء عليك القيام به هو نسخ جميع أنماط القالب CSS إلى برنامج المفكرة notepad.لتحميل نسخة من البرنامج من هنا اذهب إلى بلوجر ثم المدونة الخاص بكثم قالب ثم تحرير HTML ثم ابحث عن
<b:skin><![CDATA[ وعندما تجدها انسخ جميع انماط CSS حتي علامة ]]></b:skin>
اي مابين <b:skin><![CDATA[ و ]]></b:skin>
الخطوة ااثانية:
إعداد ملف style.css
بعد نسخ ترميز CSS كاملا اذهب الي المفكرة والصقه عليها واحفظ الملف الجديد باسم style.css والملف يجب ان يكون اسمه style.css لكي يستطيع المتصفح تمييزه علي انه ملف CSS
لمزيد من التفاصيل شاهد الصورة التالية:
الخطوة الثالثة:
استضافة ملف style.css على جوجل درايف
لتحميل ملف بلوجر style.css إلى حسابك في جوجل درايف.
ادخل إلى حساب جوجل درايف الخاص بك
ثم انشاء مجلد جديد
ثم تسميته
الآن افتح المجلد التي قمت بإنشائه ثم ارفع ملف CSS الذي قمت بحفظه منذ قليل.
شاهد الصور التالية:
وعند الضغط علي رفع الملف انتظر قليلا حتي تنتهي عملية التحميل وعادة ما تستغرق دقيقة أو دقيقتين ولكن ذلك يعتمد كليا على حجم الملف وسرعة الاتصال بالإنترنت لديك.
وعند انتهاء عملية التحميل اضغط علي زر مشاركة وحدد اذا كنت تريد ان يظهر هذا الملف للعامة ويشاهده الجميع او تريده ان يكون خصوصي ولاتمنح الاخرين حق المشاركة.
شاهد الصور:
الخطوة الرابعة:
الحصول علي لينك الملف المستضاف
للحصول علي URL ملف style.css انقر علي الزر الأيمن للفارة على الملف الذي قمت بتحميله ثم "مشاركة"ثم انسخ URL كله والان يمكنك مشاركته.
لمزيد من التفاصيل شاهد الصور التالية:
بعد نسخ الرابط من جوجل درايف، فإنه سيبدو نوعا ما مثل هذا
https://docs.google.com/file/d/code/
غيره الي
https://googledrive.com/host/code.
لتبسيط الامر ساشرح لكم مثال:
إذا كان رابط الملف الخاص بي هو
https://docs.google.com/file/d/0bi0igflwdc6sx
فغير الرابط ليصبح هكذا
https://googledrive.com/host/0bi0igflwdc6sx
هل فهمت الان الطريقة .
الخطوة الخامسة:
رفع رابط ملف CSS الموجود في جوجل درايف الي بلوجر
بعد إعداد رابط الملف، انتقل مرة أخرى إلى بلوجر Blogger ثم مدونتك ثم قالب ثم تحرير HTML ثم ابحث عن
<head>
وفوقه مباشرة الصق رابط الملف الخاص بك
والرابط يكون كالتالي:
<link href='https://googledrive.com/host/code' rel='stylesheet'/>
استبدل كلمة code برمز ملفك الخاص
لتصبح هكذا علي سبييل المثال
<link href='https://googledrive.com/host/0bi0igflwdc6sx' rel='stylesheet'/>
ثم اضغط علي حفظ القالب
وهكذا نكون قد انتهينا من شرح إستضافة ملفات بلوجر CSS أو JavaScript في جوجل درايف.
اذا احتجت اي مساعدة او تفسير او تريد اضافة الرجاء ترك تعليق في الاسفل.
Posts
0 comments:
Post a Comment