اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر (معدل)

نعم يمكنك 

  • قم بتسجيل الدخول إلى Blogger.
  • اختر المدونة التي تريد تحديثها.
  • في القائمة اليسرى، اضغط فوق المظهر.
  • ستجد في المظهر، اضغط على تخصيص.
  • في القائمة اليسرى، اضغط فوق خيارات متقدمة.
  • اضغط فوق السهم لأسفل. أضف CSS.
  • أضف الرمز الخاص بك، وفي أسفل اليسار، اضغط فوق زر حفظ.


ثانيا اذا كنت تريد بشكل عام رفع موقعك المبني بواسطة html , css , js علي استضافه حقيقيه مجانيه مثل firebase , github او مدفوعه مثل hostinger
علي سبيل المثال firebase افضلهم وانا لدي عليه اكثر من موقع يعمل بدون اي مشاكل بلاضافه الي انه مجاني لكي ترفع موقعك علي الفيربيز

1. عليك الدخول الي موقع الفيربيز من هنا
2. ثما عليك الضغط علي كلمة getstarted كما موضح بصوره الاوله 
3. اضيف مشروع كما موضح بصوره الثانيه 
4. ادخل اسم المشروع وبعض البيانات كما موضح بصوره الثالثه ثما اضغط علي كلمة continue

ثما افتح التريمنال او موجهه الاوامر في مشروعك ثما اكتب هذه الاومر بترتيب 

npm install -g firebase-tools

هذه الامر لتثبيت Firebase على جهازك. بعد ذلك،  عليك تشغيل
 

firebase login

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

firebase init

اخير رفع المشروع علي الاستضافه عن طريق هذه الامر 
 

firebase deploy

وبتباع هذه الخطوات يمكن ان يكون مشروعك علي استضافه حقيقيه باسمك ويستطيع اي شخص زايرة الموقع

Screenshot 2024-02-17 093737.png

Screenshot 2024-02-17 093559.png

Screenshot 2024-02-17 093352.png

تم التعديل في بواسطة Taha Khalid
  • 0
نشر

بخصوص إضافة إضافة كود HTML عليك بالتالي:

  • انتقل إلى لوحة تحكم بلوجر.
  • اختر القالب الذي تريد إضافة الكود إليه.
  • انقر على "تعديل HTML".
  • ابحث عن علامة </head>.
  • الصق محتوى ملف HTML داخل علامتي <head> و </head>.

إضافة كود CSS:

  • انتقل إلى "تعديل HTML".
  • ابحث عن علامة </head>.
  • أضف الكود التالي قبل علامة </head>:
<style type="text/css">
  /* الصق محتوى ملف CSS هنا */
</style>

إضافة كود JavaScript:

  • انتقل إلى "تعديل HTML".
  • ابحث عن علامة </body>.
  • أضف الكود التالي قبل علامة </body>:
<script type="text/javascript">
  /* الصق محتوى ملف JavaScript هنا */
</script>

ثم احفظ التغييرات بانقر على "حفظ".

  • 0
نشر (معدل)

هناك طريقة اخر تستطيع استخدامها 
1-قم برفع ملفات  css , javascript علي google driver
2- واجعلها هذه الملفات قد الوصول لاي شخص (share)

 

6.thumb.PNG.ccdbafa360cdac0b5b1ad4b3bd439387.PNG

جعلها public
7.thumb.PNG.4437806217c2488645680fd32e589d6e.PNG
 

وبعد ذاللك قم بنسخ رابط المشاركة مع  مسح بعد علامة ?
3.thumb.PNG.bb46a1125248a1f8a8c5c0538d5a7d9f.PNG

وبعد ذاللك افتح  منصه بلوجر بعد التسجيل بها
1.thumb.png.38bad0044976df9b7b8ede1bb027e49e.png
 

قم باختيار template والتعديل عليها
وتيسطيع هنا استخدام مفات css و javascript ك CDN بعد اضافة كود html في template
4.thumb.PNG.aa786ba6b561b16e6c04d557ce11a0fe.PNG

 
وهذ الطريقة تستطيع  تقدم لك رفع ملفاتك css , ,javascript ك CDN
حيث تسطيع مشاركة ملفات لكي يستطيع Blogger  من قراءتها

تم التعديل في بواسطة Mahmoud Hassan19
  • 0
نشر

إحدى الطرق الأخرى التي يمكن استخدامها لتوفير ملفات CSS و JavaScript على المدونة في Bloggerهي عن طريق استخدام خدمة الاستضافة المجانية GitHub Pages بدلا  من Google Drive:

  • يمكنك أولا، إنشاء مستودع على GitHub.
  • ثم إنشاء مستودع جديد لملفات CSS و JavaScript الخاصة بك.
  • ثم تقوم برفع ملفات CSS و JavaScript إلى مستودع GitHub.
  • بمجرد رفع الملفات، تقوم بالانتقال إلى كل ملف والنقر على الزر "Raw" للحصول على رابط مباشر للملف.

بعدها ستكون قادرا على تضمين الملفات في مدونتك على Blogger بسهولة من خلال:

  •   فتح Blogger والانتقال إلى تحرير القالب الذي تريد تعديله.
  •   استخدام عناصر `<link>` لتضمين ملفات CSS وعناصر `<script>` لتضمين ملفات JavaScript في القالب، واستخدام روابط الملفات التي حصلت عليها من GitHub.

بعدها تقوم بحفظ التغييرات، فبمجرد إضافة الروابط وتعديل القالب، يجب أن تحفظ التغييرات ويمكنك أن تعاين المدونة للتأكد من عمل الملفات بشكل صحيح.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...