طريقة إدراج أكواد HTML داخل المواضيع أو المشاركات بطريقة سهلة في إطار جميل

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

هل واجهتك مشكلة إدراج أكواد HTML خصوصا أصحاب المدونات ذاث البعد التعليمي المعلوماتي من قبل  ??

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

الطريقة المتبعة:

 الخطوة الأولى :

1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب إختار
6.إبحث بالضغط على   CTRL+F عن الكود التالي :

]]></b:skin>

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

 #code {


padding:5px;


border:1px dashed;


background-color:#a4ddff;


direction: ltr;


text-align: left;


height:100px;


overflow-y:scroll;


}

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

الخطوة التانية


الآن كل ما عليك فعله هو كالثالي:
-عندما تهم بإدراج كود HTML داخل الموضوع 
-قم بالتعديل على الكود المراد إدراجه  في الموضوع بحيت يصبح على هذا الشكل:

<div id="code">
<!-- الكود HTML المراد إدراجه -->
</div>

-غير ما كتب بالأزرق بالكود HTML المراد إدراجه.
-إضغط على HTML بجانب تأليف كما في الصورة الثالية:

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


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

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