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

السلام عليكم ورحمة الله وبركاته

هل تمتلك مدونة يعتمد معظم مواضيعها على إضافات و أكواد HTML ؟

تريد أن تجعل هذه الأكواد داخل إطار يميزها عن الباقي ؟

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

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

هام : يمكنك تغيير لون الإطار إلى اللون الذي تريده و ذلك عن طريق تغيير اللون المشار إليه بالأحمر.

• بإمكانك الإستعانة بالموقع التالي لإختيار اللون المناسب : إضغط هنا

شرح طريقة عمل الإضافة على المدونة

• لوحة التحكم
• إضغط على قالب

• ثم تحرير HTML

• إبحث بالضغط على CTRL+F عن الكود التالي :

]]></b:skin>

•  ثم ضع قبله الكود التالي مباشرةً :

#code {

padding:5px;

border:1px dashed;

background-color:#ff0000;

direction: ltr;

text-align: left;

height:100px;

overflow-y:scroll;

}

ملاحظة:

1. - يمكنك تغيير ما كتب بالأحمر لتغير لون خلفية الإطار بكود لون آخر.
2. - لإختيار أكواد الألوان التي تناسبك أدعوك لزيارة هذا الموقع.
3. - يمكنك تغيير ما كتب بالأزرق لتغيير إرتفاع الإطار.

 

و الآن سنتطرق لأهم خطوة و هي كيفية جعل الإطار يظهر في المواضيع 

 

عندما تهم بإدراج أكواد البرمجة داخل موضوع ما ، ستضغط على إختيار HTML ثم بعدها ستقوم بلصق الكود التالي ، ثم تعود مرة أخرى إلى وضع تأليف و تستبدل عبارة "ضع الكود هنا"  بالكود التي تريد وضعه في الموضوع.

<div id="code">
"ضع الكود هنا"
</div>

• شرح الطريقة بالصور :

ثم 

ثم 

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