random
أخر المقالات

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

طريقة اضافة صندوق الأكواد في بلوجر
طريقة إضافة صندوق الأكواد إلى مدونة بلوجر , Blogger code box

هل تبحث عن طريقة إضافة صندوق الأكواد داخل مواضيع بلوجر ؟ هل تريد تركيب صندوق الأكواد البرمجية في مدونة بلوجر ؟ هل تبحث عن صندوق تضمين كود برمجي في بلوجر بشكل إحترافي ومتجاوب ؟ هل تريد إضافة Blogger Code Box الى المدونة ؟

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

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

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

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

طريقة إضافة صندوق الأكواد في بلوجر

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

  1. توجه إلى اللوحة الرئيسية في بلوجر.
  2. إنتقل إلى المظهر من القائمة المنسدلة.
  3. تم من تخصيص قم بتعديل HTML.
  4. إبحث عن الوسم <body> بستخدام CTRL+F.
  5. ضع الكود التالي فوقه مباشرة تم أضغط حفظ.

<script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js'/>  

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

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

معاينة إضافة باللون الأسود , معاينة إضافة باللون الأبيض

لتركيب الإضافة قم بتباع نفس الخطوات السابقة لكن هذه المرة قم بإضافة الكود التالي فوق الوسم </head>.

تحميل كود إضافة صندوق الأكواد باللون الأبيض والأسود.

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

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

  1. توجه إلى المشاركة التي تريد تضمين الأكواد بداخلها.
  2. إختر المكان المناسب لعرض الأكواد وضع 1111.
  3. تم قم بتبديل المشاركة من وضع الإنشاء إلى عرض HTML.
  4. حدد على الأرقام السابقة وضع بدلها الكود التالي. 

<pre class="prettyprint"><code class="language-html">ضع الأكواد هنا</code></pre>

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

مميزات إضافة صندوق الأكواد في بلوجر

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

  • اضافة صندوق الأكواد بشكل إحترافي.
  • تتوفر الإضافة على عدة ألوان مختلفة.
  • تتوفر إضافة صندوق الأكواد على زر النسخ.
  • تم إنشاء الشفرة بواسطة Google.
  • صندوق الأكواد متجاوب مع جميع الأجهزة.
  • Blogger Code Box سهل الإستخدام.

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

إضافات بلوجر , إضافة صندوق الأكواد إلى مدونة بلوجر , Blogger Code Box
author-img
جوكر بلوجر

تعليقات

ليست هناك تعليقات
إرسال تعليق
    google-playkhamsatmostaqltradent