صندوق اكواد اضافة يدعم الوضع الداكن والفاتح تلقائيا ويدبويا
صندوق احترافى يدعم الوضع الداكن وتكرار اكثر من صندوق
✅ الوضع الفاتح والداكن تلقائيًا حسب النظام
أهمية صندوق الأكواد
يعد تقديم الأكواد داخل إطار منسق واحترافي أمرًا ضروريًا لمدونتك، خاصة إذا كانت مقالاتك تتناول دروسًا تعليمية، معلومات تقنية، أو تطوير برمجيات. ذلك يسهل على زوار الموقع نسخ الأكواد أو حفظها بسهولة.
في هذا المقال، سنوضح كيفية إضافة صندوق أكواد متقدم بمنتهى الاحترافية والجاذبية إلى منشورات مدونة بلوجر، مما يتيح لك تنسيق الأكواد بشكل منظم مع توفير أزرار النسخ، التحميل، وفتح الكود في تبويب جديد.
ما هو صندوق عرض الأكواد؟
صندوق عرض الأكواد هو أداة تُضاف إلى مدونات بلوجر، تظهر على شكل إطار منظم داخل المقالات لعرض الأكواد البرمجية بطريقة مرتبة. الهدف من هذه الأداة هو تسهيل استخدام الأكواد من قِبل القارئ عبر إمكانية النسخ أو التحميل بسهولة. وتُعتبر هذه الإضافة شائعة الاستخدام في المدونات التقنية.
في مدونات بلوجر، إدراج الأكواد بالشكل التقليدي يؤدي في الغالب إلى تشغيل الكود بدلاً من عرضه كنصوص. لهذا السبب، يُفضل تثبيت صندوق عرض الأكواد لعرض أكواد HTML أو CSS بشكل صحيح وواضح للزائر.
خطوات إضافة صندوق عرض الأكواد
- قبل القيام بأي تعديل، احرص على إنشاء نسخة احتياطية من قالب مدونة بلوجر الخاصة بك.
1. ادخل إلى لوحة التحكم في بلوجر.
2. اختر خيار "المظهر".
3. اضغط على السهم بجانب "تخصيص"، ثم اختر "تعديل HTML".
4. ابحث عن الكود: ]]></b:skin>.
5. قم بلصق الكود التالي مباشرة فوقه (أضف كود CSS الخاص بذلك):
✅ زر التبديل اليدوي بين الوضعين
✅ تمييز الأكواد (Syntax Highlighting)
✅ الكشف التلقائي عن اللغة
✅ نسخ، تحديد، تحميل، توسيع
✅ دعم متعدد الصناديق بدون تعارض
صندوق اكواد اضافة يدعم الوضع الداكن والفاتح تلقائيا ويدبويا
هذا مثال توضيحى
مرحبيتن
ياهلا والله ومسهلا وسعدنا بشوفتك
معنا
تقبل ترحيبي فيك وكل أمل بتواصلك بمشاركتك ذات الفائدة
واتمنى حضورك المستمر لنحظى بكل ماهو جديد ومفيد
المعاينة هو نفس الصندوق المستخدم بالموضوع
للتحميل المباشر
تعليقات
إرسال تعليق