أخر الاخبار

أضافة كود Html داخل مقال مدونة بلوجر في مربع نصي بخلفية ملونة

اليوم سنتعرف علي كيفية أضافة كود Html داخل موضوع مدونة بلوجر بطريقة سهلة وبأكثر من شكل ستتمكن من إضافة كود Html - CSS - Javascript داخل مقال مدونة بلوجر.


أضافة كود Html داخل المقال

أضافة كود Html داخل موضوع مدونة بلوجر

يُستخدم كود html في عدة مجالات من قبل المطورين و المبرمجين في لغة html. مثل برمجة وتطوير موقع الويب والتطبيقات وغيرها الكثير.

كما تستعمل لغة البرمجة Html في إنشاء برامج الكمبيوتر وغيرها من أمور كثيرة في شتى مجالات التقنية، وتستخدم أيضا لغة html في تصميم قوالب مواقع الويب المختلفة ومن أشهرها Blogger وWordpress و Wix وغيرها.


سؤال يطرحه الكثير...

كيف أضع كود Html داخل المقال في بلوجر؟

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



أضافة كود html داخل المقال في مدونة بلوجر

قبل البدء في العمل يجب أخذ نسخة احتياطية من القالب المستخدم:
  1. توجه الى لوحة تحكم مدونتك ثم انتقل الى المظهر.
  2. ستظهر لك قائمة منسدلة أنقر على خيار "الاحتفاظ بنسخة احتياطية".
  3. بعد ذلك قم بالنقر على تعديل Html وتابع باقي الخطوات.

خطوات وضع صندوق الأكواد داخل المقال بمدونة بلوجر

الخطوة ألأولي إضافة كود داخل القالب:
  1. توجه للوحة تحكم مدونتك ثم المظهر ومن القائمة المنسدلة أنقر تعديل HTML
  2. اضغط في الكيبورد على Ctrl + F وابحث عن هذا الكود  ]]></b:skin>
  3. فوق علامة الإغلاق  ]]></b:skin> تضع الكود أدناه كما موضح بالصورة التالية ثم اضغط حفظ.
خطوات وضع صندوق الأكواد داخل المقال بمدونة بلوجر

بمكنك التحكم في مواصفات وخصائص الكود من ناحية لون الخط والحواف والخلفية من خلال تغيير الألوان.


كود Html المستخدم
اضافة كود html




طريقة استخدام "كود Html" داخل المقالات

عند كتابة تدوينة جديدة وتريد وضع كود HTML أو CSS بداخلها، ما عليك سوى نسخ الكود التالي ووضعه في المكان المراد وضع الكود به كما موضح بالصورة أدناه.

الخطوة الثانية لوضع كود html داخل المقالة في بلوجر أتبع الخطوات التالية:

      1. بداخل المقال في قائمة الأدوات قم بتغير "عرض وضع الإنشاء" الى "عرض Html"
      2. اختار المكان الذي تريد ظهور الكود فيه بهذا الشكل وقم بوضع الكود أدناه وبداخله الكود الخاص بك.
      3. أنقر على نشر لترى التعديلات التي قمت بها.
      طريقة استخدام "كود Html" داخل المقالات

      الكود الثاني
      <pre><code>
      ضع الكود الخاص بك هنا
      </code></pre>

      وستكون النتيجة النهائية لظهور الكود بالمقال كما بالصورة التالية:
      شرح أضافة كود html داخل موضوع مدونة بلوجر

      ملحوظة مهمة: يفضل وضع الكود داخل المقال بعد الانتهاء من كتابة المقال وتنسيقه حتى لا يحدث اى مشاكل بالاكواد. وهنا قد انتهينا من شرح أضافة كود html داخل موضوع مدونة بلوجر.


      تعليقات



        حجم الخط
        +
        16
        -
        تباعد السطور
        +
        2
        -