كيفية إضافة إطار تمييز أكواد البرمجة إلى بلوجر

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


كيفية إضافة إطار تمييز أكواد البرمجة لمدونة Blogger؟

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

1- إختار الثيم، يعني نوع  الإطار تمييز الكود الخاص بك، يمكنك أن ترى الثيمات التجريبي من هنا.
2- ثم حدد نوع الكود البرمجي (brushes) الذي تريد.
3- تم إنقر على الزر الحصول على الكود
4- نسخ كافة الأكواد البرمجية من منطقة النص.
5- الآن اذهب إلى لوحة تحكم بلوجر و إختر القالب الخاص بك.
6- تم البحث عن العلامة </head> في القالب الخاص بك
7- إضافة الكود الذي قمت بنسخ من الأداة فوق </head>



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

كيفية استخدام إطار تمييز أكواد البرمجة في المشاركات بلوجر؟

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

<pre class="brush:[brushname]">
قم بإضافة الأكواد البرمجية التي تريد أن يكون داخل الإطار هنا
</pre>

استبدل [brushname] مع نوع الكود التي تريد استخدامه لتمييز الكود البرمجي

على سبيل المثال، إذا كنت ترغب في استخدام كود CSS داخل الإطار استعمل الرمز التالي،

<pre class="brush:css">
قم بإضافة الأكواد البرمجية التي تريد أن يكون داخل الإطار هنا
</pre>

 إذا كنت ترغب في استخدام كود HTML داخل الإطار استعمل الرمز التالي،

<pre class="brush:html">
قم بإضافة الأكواد البرمجية التي تريد أن يكون داخل الإطار هنا
</pre>

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

أحدث أقدم