هل فكرت يومًا في كيفية إضافة صندوق الأكواد الى بلوجر ؟
لذلك ، سأخبرك اليوم باضافة من اضافات بلوجر : اضافة مربع لعرض الاكواد لمدونات بلوجر 2021 ,التي لا يستغني عنها المدونين الظين يشاركون الاكواد في مقالاتهم, فكم من مرة حاولت مشاركة مقتطف كود في تدوينة بلوجر ويكون جميلا؟ لكنك غير قادر على القيام بذلك ، لا تقلق لأنني هنا لمساعدتك.
لذلك ، سأخبرك اليوم بكيفية عرض الكود داخل صندوق في مدونة بلوجر . إذا كنت مدونًا ولديك مدونة حول البرمجة أو لمساعدة المدونين الآخرين ، فستحتاج إلى أقصى عدد من الأوقات لمشاركة الاكواد مع زوارك. كيف سيبدو إذا قمت بإضافة صندوق تضمين الأكواد في بلوجر هذا في صندوق منفصل؟ بالضبط سيبدو أنيقًا وجميلًا وسيساعد الزائرين على قراءة هذا الرمز ونسخه بسهولة.
كيفية اضافة صندوق الاكواد في بلوجر
1. قم بتسجيل الدخول إلى مدونتك
2. ثم انتقل إلى "المظهر"> " ثم تعديل HTML".
3. انقر في أي مكان داخل القالب واضغط على Ctrl + F لفتح مربع البحث.
4. اكتب أو الصق رمز "]]</b:skin>" في مربع البحث واضغط على Enter.
5. أعلى "]]</b:skin>" مباشرةً ، الصق رمز CSS لصندوق الكود التالي:
ستايل الاول:يمكن نسخ الكود [مع التمرير]
ستايل الثاني:يمكن نسخ الكود [بدون تمرير]
كيف يستعمل هدا داخل التدوينة
لاستخدام صندوق الاكواد في تدوينتك في بلوجر ، ما عليك سوى اتباع الخطوات التالية:
1. لاستخدام هذا فقط انقر فوق علامة التبويب HTML اثناء قيامك بكتابة المقالة .
2. الآن اكتب أو الصق الكود الوارد أدناه في محرر html كما هو موضح في الصورة أدناه:
3. استبدل "Your Code Here " بالكود الذي تريده.
<div class="code">
Your Code Here
</div>
4. الآن انقر على زر "نشر" وشاهده مباشرة.
لذلك ، كان هذا دليلًا حول إضافة مربع كود في مدونة بلوجر. إذا كانت لديك أي مشكلة تتعلق بهذه المقالة ، فقم بالتعليق أدناه ولا تنس مشاركة هذه المقالة