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

2016-02-03

اضافة تبويبات متعددة فى العمود الجانبى على بلوجر Tabbed sidebar

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

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

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

blogger widgets
فى الفترة الأخيرة كثرت الأسئلة حول إضافة عدة تبويبات فى العمود الجانبى أو السيدبار لقوالب مدونات بلوجر ، هذه الإضافة المميزة التى تعمل على تنظيم أدوات قالب المدونة ومنع  إزدحامها فى السيدبار ، وتعتمد فكرة هذه الإضافة على إظهار أداة وإخفاء باقى الأدوات الموجودة فى العمود الجانبى بإستخدام تقنية جى كيورى jQuery - بمعنى عند الضغط على تبويب معين يتم ظهور الأداة المرتبط بها مع إخفاء باقى الأدوات المرتبطة بالتبويبات الأخرى (تابع: كيفية إظهار أو إخفاء أجزاء من المحتوى على بلوجر)
وبمتابعة الشرح التالى يمكنك تركيب أحد الإضافات الخاصة بالتبويبات ( تبويبات ثلاثية ، رباعية ، خماسية) وذلك حسب إحتياجك.

2016-01-28

بلوجر 2016 بين تحديثات جديدة وتطلعات للأفضل

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

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

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

أطلقت جوجل  أواخر عام 2015 بعض التحديثات لمنصتها بلوجر ، تلك المنصة التى إمتلكتها شركة جوجل عام 2003 والتى تعمل على تطويرها من حين إلى آخر لتواكب التطور المستمر فى الأجهزة الحديثة والمتصفحات..لذلك سألقى نظرة سريعة على بعض  هذه التحديثات  حسب ما نشرت بلوجر فى مدونتها الرسمية buzz.blogger على مدار العام الماضى وكذلك بعض التطلعات التى ننتظرها من بلوجر.

Blogger icon

إضافة مشاركة مميزة Featured Post

من الأدوات الرسمية التى أضيفت مؤخرًا ويمكن من خلالها إظهار مشاركة مميزة لزوار موقعك طوال الوقت بالعمود الجانبى sidebar  لقالب المدونة أو حتى الفوتر.
ولتفعيل هذه الأداة : قم بالدخول إلى لوحة تحكم بلوجر >>تخطيط >> أضف أداة  >> ثم إضغط على مشاركة مميزة >> ستظهر لك نافذة يمكن من خلالها إختيار الموضوع الذى تريد إضافته إلى موقعك بصفة مستمرة.
Featured Post

ميزة سحب وإفلات الصور أثناء تحرير المشاركة

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

image drag and drop

إعتماد بروتوكول HTTPS لنطاق blogspot.com المجانى

يعتبر بروتوكول HTTPS هام لضمان سلامة بيانات المستخدم الشخصية وسريتها أثناء نقلها من جهاز الكمبيوتر للمستخدم والموقع ، وقد تلاحظ أن رابط بعض المواقع الكبرى تبدأ به مثل الفيس بوك ، تويتر ، جوجل بلس ، ويكيبيديا،.....
وكخطوة جيدة من بلوجر قامت بتوفير هذا البروتوكول الآمن لمدوناتها ذات النطاق المجانى blogspot.com فقط وعدم تفعيله للنطاقات المخصصة.

تحديثات فى القوالب الإفتراضية

وفرت بلوجر عدة ميزات بقوالبها الإفتراضية وهى كالتالى:

أداتين بلوحة التخطيط crosscol  , crosscol-overflow

Blogger layout
ويمكن من خلال هاتين الأداتين إضافة أى أداة تحت هيدر المدونة تضم إعلان أو سلايدر على سبيل المثال.

تفعيل التعبيرات في علامات لوحة التخطيط

وهى تعبيرات يتم إستخدامها عند تحرير Html للقالب و من هذه العلامات (علامة التساوى , and , or , not , ...) ويمكن تفيد هذه العلامات مطورى القوالب حيث يمكن إستخدامها فى إظهار أو إخفاء الإضافات بحسب فئة الصفحات...يمكن الإطلاع على وظيفة كل من هذه العلامات من خلال هذا الرابط
Blogger Html editor

إقرأ أيضًا : كيفية إظهارأو إخفاء الأدوات فى نسخة الهاتف

تحديث أداة إتصال أصدقاء جوجل Friend Connect

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

فإذا أردت متابعة مدونة كن داعيًا للخير عبر هذه الأداة فعليك الإشتراك بحساب جوجل

ماذا ننتظر من بلوجر 2016؟

بالرغم من المميزات الكثيرة لمنصة بلوجر التى تقدمها بشكل مجانى وبسيط للمبتدئين فى مجال التدوين ، إلا أنها مازالت تحتاج إلى المزيد من التحديثات التى تجعلها فى منافسة دائمة مع المنصات الأخرى كالووردبريس ، وهذه بعض تطلعاتى التى أتمنى أن تحققها منصة بلوجر هذا العام :
  • تطوير المزيد من الأدوات والإضافات الرسمية مع إمكانية تخصيصها بسهولة من قبل المبتدئين من المستخدمين.
  • توفير عدد أكبر من القوالب الإفتراضية وتطويرها لتكون مناسبة لمحركات البحث وأجهزة الجوال.
  • إعتماد بروتوكول HTTPS للنطاقات المخصصة.
  • تطوير لوحة التحكم وتزويدها بالمزيد من الإمكانيات.
  • توفير سلة المحذوفات Recycle bin لإمكانية إسترجاع الموضوعات المحذوفة.
والآن ماذا تتوقع من جوجل لتطوير منصة بلوجر؟؟
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2016-01-24

أسرع وسائل تعلم اللغة الانجليزية عبر الهاتف المحمول مجانا

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

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

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

لاشك أن اللغة الإنجليزية هى لغة العصر الحديث ، فهى تعد اللغة العالمية الأولى من حيث الإنتشار فى العالم ، فدائمًا تجد أن معظم الدول تتخذها لغة ثانية بعد اللغة المحلية لهذه الدول لذلك يمكن إعتبارها لغة رسمية فى مختلف بلاد العالم.
learn english

لماذا نتعلم اللغة الإنجليزية؟

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

هل من السهل تعلم اللغة الإنجليزية بدون معلم؟

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

ما هى أفضل طرق تعلم اللغة الإنجليزية؟

فى الوقت الحالى توجد العديد من الوسائل لإجادة اللغة الإنجليزية وقد يفضل البعض أحد هذه الوسائل على باقى الوسائل الأخرى ، ولكنى شخصيًا أفضل الوسائل التفاعلية وتعتبر الأجهزة الذكية من أفضل الأدوات المستخدمة لذلك ، وهذا يرجع إلى توافر التطبيقات التى  تقدم طرق مبتكرة للتعلم بعيدًا عن الدروس التقليدية المملة ، فهى تساعد على تعلم الكلمات وإتقان نطقها مع فهم القواعد النحوية Grammar ، فالهاتف الجوال معك فى أى مكان فمن السهل التعلم فى أى وقت وأى مكان. 

تطبيقات مجانية لإتقان اللغة الإنجليزية عن طريق الجوال

سواء كنت مبتدئ فى تعلم اللغة الإنجليزية أو تريد تحسين اللغة لديك ، فهناك العديد من التطبيقات المجانية المتاحة لأنظمة الهواتف الذكية ios , Android لإتقان اللغة و تقويتها ، من هذه التطبيقات:

Duolingo

يعتبر من أشهر التطبيقات لتعلم اللغة الإنجليزية بشكل تفاعلى ، فقد تم إختياره من شركة آبل كأفضل تطبيق لهواتف الآيفون عام 2013 ومن شركة جوجل كأفضل تطبيق لنظام أندرويد عام 2013 ، 2014.
Duolingo
ويعتمد هذا التطبيق على عدة مراحل  فهناك مرحلة لتعليم القواعد ، مرحلة أخرى لحفظ الكلمات ،.......ويتيح لك التطبيق إختبارات على عدة مستويات تعتمد على كسب نقاط للإجابات الصحيحة لتسمح لك بالترقى فى المستويات.
تحميل التطبيق:  ios - Android

Memrise

يقدم هذا التطبيق مجموعة كبيرة من الكورسات لتعلم لغات عديدة من ضمنها اللغة الإنجليزية كما أنه يوفر طرق فعالة فى حفظ الكلمات تدريجيًا من الأسهل للأصعب ، يتميز هذا التطبيق بأنه يمكن إستخدامه offline بدون إتصال الإنترنت.
تعلم الانجليزية
تحميل التطبيق:  ios - Android

Listen & Speak

 يدعم عدة لغات منها اللغة الإنجليزية ، ويعتمد هذا التطبيق على تحسين النطق لديك حيث يقوم بعرض ونطق جمل وعبارات باللغة الإنجليزية ثم يسمح لك بنطقها بنفسك ليقوم التطبيق بتقييم نطقك حتى تصل إلى درجة التحدث بطلاقة .
Listen & Speak
يتطلب هذا التطبيق الإتصال بالإنترنت لأنه يعتمد على خدمة الإدخال الصوتى المقدمة من جوجل.
تحميل التطبيق:   Android

تطبيق كل يوم كلمة إنجليزية

هذا التطبيق مفيد جدًا لحفظ الكلمات وتعلم النطق حيث أنه يقوم بإرسال إشعار يومى لك بكلمة إنجليزية مع معناها وكيفية نطقها على حسب المستوى الذى تحدده (مبتدئ - متوسط - متقدم)
تطبيق كل يوم كلمة إنجليزية
تحميل التطبيق:  ios - Android

LearnEnglish Grammar

تطبيق تفاعلى يعمل على تحسين قواعد اللغة الإنجليزية لديك ويقدم عدة مستويات من الإختبارات والأسئلة بدءًا من مستوى المبتدئين.
LearnEnglish Grammar
تحميل التطبيق:  ios - Android

ABA English

تطبيق  يقدم طريقة جديدة لإتقان اللغة الإنجليزية فهو يعتمد فى التعليم على الأفلام القصيرة المخصصة لهذا الهدف ، ويمكن من خلال ذلك تطوير السمع والنطق والكتابة للمستخدم.
ABA English
يضم التطبيق عدة مستويات كما يقدم دروس فى القواعد اللغوية.
تحميل التطبيق:  ios - Android

Grammer Boss

يوفر هذا التطبيق طريقة عملية لتعلم قواعد اللغة الإنجليزية ، فيمكن كتابة نص باللغة الإنجليزية وحفظه بملف Txt ورفعه للتطبيق ليقوم التطبيق بفحصه وإكتشاف الأخطاء النحوية مع تصحيحها.
Grammer Boss
تحميل التطبيق:   Android

Chat Robot Eva

طريقة تفاعلية جديدة لتعلم اللغة الإنجليزية عن طريق المحادثة وتكون عن طريق التحدث مع الروبوت الذكى فى مختلف المجالات كأنك تتحدث مع صديقك.
Chat Robot Eva
تحميل التطبيق:   Android
فى النهاية: أى تطبيقات تعلم اللغة الإنجليزية تفضل؟ إذا كنت تفضل تطبيقات أخرى يمكن مشاركتها بتعليق.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2016-01-14

كيف تحول المعلومات إلى تصميم إنفوجرافيك مميز

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

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

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

تحدثت فى موضوع سابق عن دور الإنفوجرافيك فى التأثير على المستخدمين وأهميته فى التسويق على شبكة الإنترنت والآن سأوضح كيفية إستخدام هذه الإستراتيجية بطريقة فعالة حتى تتمكن من تحقيق شعبية أكبر لمشروعك سواء كان موقع أو منتج أو حتى العروض التعليمية.
خطوات تصميم الانفوجرافيك :  
infographic steps
يمكن تلخيص مراحل إنشاء الانفوجرافيك إلى 5 خطوات 

2016-01-02

شرح فكرة إنشاء تطبيق المكتبة الإلكترونية للأندرويد

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

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

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

فى هذا الموضوع سأعرض فكرة صنع تطبيق جديد من تطبيقات الأندرويد ببرنامج App inventor الذى سبق وأن عرضت العديد من الشروحات لتطبيقات مختلفة بهذا البرنامج ، وتطبيق اليوم هو تطبيق المكتبة الإلكترونية لتجميع مجموعة من الكتب أو الروابط أو .... إلخ . 
android icon
يمكن أن يتم التعديل على هذا النموذج لإنشاء :
  1. كتاب إلكترونى PDF مكون من عدة فصول.
  2. مكتبة لعدة كتب PDF .
  3. مكتبة فيديوهات.
  4. مكتبة لروابط مواقع معينة 
وفى هذا الموضوع سأشرح كيفية إنشاء تطبيق مكتبة تجمع عدة كتب بصيغة PDF.

الخطوة الأولى: رفع ملفات الكتب بصيغة PDF لحسابك على Google Drive

يجب رفع ملفات الكتب إلى أحد الخدمات السحابية Google drive أو Dropbox والحصول على الروابط المباشرة لهذه الكتب لإضافتها إلى التطبيق.

كيفية الحصول على رابط كتاب PDF على Google Drive :

  • قم بفتح الملف المحفوظ فى حسابك على جوجل درايف
  • من قائمة ملف إختر "النشر على الويب"
  • إضغط على نشر فى المربع الحوارى .
  • إنسخ الرابط الناتج وإحفظه فى ملف نصى ليتم إضافته فى التطبيق.

google drive pdf viewer

إذا كنت تفضل خدمة التخزين السحابية Dropbox تابع هذا الموضوع " كيف تحصل على رابط مباشر من Dropbox"

الخطوة الثانية: إنشاء واجهة التطبيق بإستخدام منصة Appinventor

توجه إلى منصة Appinventor ثم قم بسحب مكونات التطبيق  كما بالصورة:
1  - HorizontalArrangment : لترتيب الأدوات بداخلها بشكل أفقى ثم أضف بداخلها
ListPicker  : زر يفتح قائمة الكتب
Label: عنوان المكتبة الإلكترونية
2  - أسحب أسفل هذه الأدوات WebViewer 
يمكن الإستعانة بتحميل هذا الملف لمصدر التطبيق ورفعه إلى البرنامج والتعديل عليه مباشرة (تابع : كيفية التعديل القوالب الجاهزة)

appinventor library

الخطوة الثالثة : برمجة تطبيق المكتبة الإلكترونية

تتم برمجة تطبيق قوائم المكتبة الإلكترونية عن طريق سحب وإفلات القطع البرمجية بالتطبيق كما بالصورة (راجع أساسيات التعامل مع App inventor)
أو التعديل على القالب الجاهز لمصدر التطبيق : فقط قم بتبديل الروابط المشار إليها بالصور بالروابط المباشرة للكتب التى قمت بحفظها فى الخطوة الأولى.
appinventor library

بعد ذلك قم بمعاينة التطبيق وتصديره ....تابع المزيد من دروس الاندرويد
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2015-12-14

أهمية الانفوجرافيك فى دعم محتوى موقعك وجلب الزوار

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

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

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

نظرة على فن الإنفوجرافيك

لقد أنتشر فن الإنفوجرافيك فى الآونة الأخيرة بصورة كبيرة بين مستخدمى الإنترنت سواء عبر المواقع الإجتماعية أو من خلال المواقع والمدونات .
ولكن ما هو الإنفوجرافيك؟
ببساطة هو تحويل المعلومات إلى رسومات - أى إنشاء تصميم يعبر عن محتوى نصى بالصور والرموز والنصوص المختصرة ويمكن أن يتضمن هذا التصميم مخططات بيانية لتوضيح إحصائيات أو بيانات محددة لذلك يعتبر من أكثر الطرق الفعالة لإيصال المعلومة بطريقة مبسطة وممتعة.

أنواع الإنفوجرافيك

تختلف أنواع الإنفوجرافيك من حيث التصنيف فهو ينقسم من حيث العرض إلى:
  1. إنفوجرافيك ثابت: ويكون على هيئة صورة.
  2. إنفوجرافيك متحرك: ويكون على هيئة فيديو.
  3. إنفوجرافيك تفاعلى: ويكون على هيئة عرض تقدمى فلاشى أو باوربوينت.

ولعل أكثر الأنواع إنتشارًا على الويب هو الإنفوجرافيك الذى هو عبارة عن صورة ثابتة لسهولة تصميمه ومشاركته عبر الشبكة العنكبوتية.

2015-12-08

مصادر مفتوحة لمشاريع تطبيقات أندرويد ببرنامج App inventor

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

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

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

بعد أن قدمت بعض الدروس لصنع تطبيقات الأندرويد ، أقدم لكم فى هذا الموضوع مصادر مفتوحة لملفات تطبيقات الأندرويد بصيغة "aia "يمكن التعديل عليها بإستخدام برنامج App inventor
، وذلك دعمًا للمبتدئين و لتسهيل فهم كيفية تركيب التطبيق ولكن يفضل مراجعة أولا أساسيات التعامل مع برنامج Appinventor ومتابعة الدروس المصورة والفيديو لكل تطبيق لمعرفة كيفية التعديل على التطبيق وإنشاء تطبيقك الخاص.


مصدر تطبيق القرآن الكريم Mp3

يمكن من خلال رفع هذا النموذج إلى برنامج app_inventor ومتابعة شرح درس صنع تطبيق صوتى لسور القرآن الكريم  معرفة كيفية إنشاء القوائم وأزرار التشغيل وإدراج ملفات صوتية بصيغة Mp3 إلى البرنامج مع إمكانية التحكم فى مستوى الصوت.
android app source
 تحميل نموذج التطبيق:

مصدر تطبيق معرفة إتجاه القبلة

هذا النموذج يمكن الإعتماد عليه لفهم برمجة التطبيقات التى تعتمد على أجهزة الإستشعار أو الــ Sensor وتحديدًا جهاز إستشعار المجال المغناطيسى Magnetic sensor الموجود ببعض إصدارات أجهزة الجوال ويمكن من خلاله إنشاء تطبيقات تحديد المكان والإتجاه كالبوصلة وإتجاه القبلة.
android app source
تحميل نموذج التطبيق:

مصدر تطبيق السبحة الإلكترونية

من خلال هذا النموذج المبسط المفتوح يمكن تعلم كيفية تركيب الأكواد لتطبيقات العد التنازلى وكيفية عمل تنبيه صوتى عند الوصول للرقم المحدد بالإضافة إلى فهم كيفية تنسيق واجهة التطبيقات.
android app source
 تحميل نموذج التطبيق:
Download appinventor open source
والآن شاركونا بتعليقاتكم حول إمكانية تطوير هذه النماذج إلى تطبيقات مفيدة .
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2015-12-01

الطريقة الصحيحة لكتابة أكواد CSS داخل مدونات بلوجر

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

من المعروف أن أكواد CSS هى المسئولة عن تنسيق شكل صفحة الويب بالموقع أو المدونة من خلفيات وألوان وغير ذلك من تحديد الشكل النهائى لقالب الموقع وهى توفر وقت كبير فى التنسيق حيث أنه يمكن لملف CSS واحد ان يكون مسئول عن تنسيق  عدة صفحات أو عناصر وبالتالي عند تغيير شكل العرض فانك تحتاج لتعديل ملف واحد فقط وهذا يعني وقت اقل وتعديل أكبر واشمل.
add-css-to-blogger
ولمستخدمى مدونات بلوجر توجد عدة آليات لإضافة أكواد Css فيمكن إضافتها عن طريق تحرير القالب أو من خلال مصمم النماذج أو داخل أداة HTML أو حتى داخل تبويب Html للمشاركة أو الصفحة ولكن ماهى الصيغة المناسبة لإدراج الكود داخل قالب المدونة فهناك أكثر من طريقة لكتابة أكواد CSS، لذلك سأقدم فى هذا الموضوع أفضل طريقة لكتابة هذه الأكواد ولكن بعد شرح مبسط عن الطرق المختلفة لإدراج أكواد CSS داخل صفحة HTML والفرق بينهما.

الطريقة الأولى: إدراج ملف CSS مستضاف داخل الوسوم <link>

وهو يكون عبارة عن ملف نصى عادى يحتوى على أكواد CSS بالتنسيق المطلوب وحفظه بإمتداد " CSS." ثم رفعه على إستضافة الموقع ، إذا كان الموقع ليس لديه إستضافة كمدونات بلوجر يمكن رفعه على إستضافة خارجية مثل Google drive أو Dropbox تابع الشرح التالى:
بعد رفع الملفات يمكن الحصول على رابط مباشر لملف Css

يمكن إستخدام الكود التالى مع إستبدال كلمة mystyle.css بالرابط المباشر لملف CSS 
<link rel="stylesheet" type="text/css" href="mystyle.css">
يضاف هذا الكود داخل القالب HTML فى منطقة الهيدر بعد الوسوم <head>

الطريقة الثانية: كتابة كود CSS مباشرة داخل Html 

غالبًا تستخدم هذه الطريقة فى المنصات التى لاتدعم إستضافة الملفات مثل منصة بلوجر (تابع كيفية حل هذه المشكلة ) ...لذلك تكتب أكواد Css فى القالب قبل الوسوم </head> هكذا:
<b:skin><![CDATA[
هنا تكتب أكواد CSS
]]></b:skin>

  • أما إذا كانت صفحة Html لا تحتوى على الوسوم <head> فيجب إحاطة الكود بالوسوم <style> ، </style> ويمكن أن تستخدم لتنسيق أحد الإضافات المستخدمة فى العمود الجانبى للموقع و تضاف إلى مدونة بلوجر عبر إضافة أداة Html من لوحة التخطيط ثم إضافة كود Css قبل كود Html الخاص بالإضافة المستخدمة.
<style type="text/css">

Add CSS code here

</style>

الطريقة الثالثة :  إستخدام import@

وهى غالبًا تستخدم فى القوالب المتجاوبة لإعطاء تنسيق معين عند تصفح الموقع عبر الجوال كإخفاء أو اظهار الادوات على اصدار الجوال وتكتب كالتالى :
يمكن رفع ملف Css بإستضافة خارجية وإستخدام الرابط المباشر بدلا من كلمة style.css بالكود التالى:
@import url(style.css);
  • يضاف هذا الكود داخل القالب HTML فى منطقة الهيدر بعد الوسوم <head>
  • يجب مراعاة إحاطة الكود بالوسوم  <style> ، </style> إذا كان هذا الكود لايستخدم فى منطقة <head>
  • يمكن أيضًا كتابة كود Css مباشرة بدون رفعه بإستضافة خارجية ويكون كالمثال التالى:
@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

الطريقة الرابعة: إستخدام Css داخل Inline Styles

وتستخدم هذه الطريقة لتنسيق جزء محدد بالصفحة مثلا تنسيق العنوان أو جزء معين من النص ، تابع المثال التالى:
<h1 style="color:blue;margin-left:30px;">العنوان</h1>

والآن نتعرف على أى الطرق أفضل لإستخدامها داخل مدونات بلوجر:

عامةً عند إستخدام ملف Css منفصل يكون أفضل ، لأنه عند تصفح الزائر للموقع لصفحة معينة فى موقعك فإنه يحتاج إلى تحميل ملف Css بالإضافة إلى Html للصفحة ولكن عند تصفح أى صفحة أخرى فى الموقع فإنه يحتاج إلى تحميل جزء Html فقط للصفحة حيث يتم تخزين ملف CSS بحيث لا تحتاج إلى تحميلها مرة أخرى. وبالتالى ربط ملف Css بالوسوم <link>تزيد سرعة تصفح الموقع.
أما بالنسبة لإستخدام الوسوم import@ فيمكن أن يستخدم عن التنسيق المتجاوب للشاشات المتعددة ومن عيوبه هو أنه لا يدعم المتصفحات ذات الإصدار القديم.
أما الطريقتين الآخرتين سواء بإستخدام الوسوم <style> ، </style> أو بإستخدام Inline Styles فيفضل إستخدامها فى أضيق الحدود لأنها تؤثر على جزء معين من الموقع فقط.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
Privacy-Policy | عودة الى الاعلى
جميع الحقوق محفوظة لــ كن داعيا للخير 2015 ©