كيفية اضافة صندوق كود HTML في مدونة بلوجر بطريقة احترافية

ألان نأتي لكيفية تركيب الكود
أولا
قم بدخول إلى قالب المدونة وبحث عن وسم الإغلاق للهيد
</head>
فوق وسم الإغلاق للهيد
قم بلصق الكود التالي

<!--HTMLضافة  صندوق كود -->

<script type="text/javascript"> function selectAll() { document.boxcode.tecseo.focus(); document.boxcode.tecseo.select(); } </script>

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

<div >

<form name="boxcode" style="text-align: center;" >

<div>

<textarea name="tecseo" style="background-color: #2c323c; color: white; text-align: left; width: 590px; height: 220px;" >

ضع الكود هنا

</textarea>

</div><input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();">

</form>

</div>

ملاحظة مهمة :
قمت بوضع الكود الاخير على شكل نص لانني استخدم نفس الكود عندما اريد ان اضيف كود داخل موضوع
لذالك من غير الممكن اضافة الكود وبداخله نفس الكود الا في حالة قمت بتعديل برمجي بسيط عليه تعمدت عمل ذالك حتى لايقع من يحاول نشر الكود بهذا الخطاء
تستطيع ان تضيف جميع الاكواد وبجميع الغات داخل هذا الصندوق ماعداء الكود نفسه
تحياتي


طرقة 2

ملاحظة مهمة :
إذا كنت مبتدى أو لا تجيد التعامل مع لغة البرمجة html و css
فمن الأفضل اخذ نسخة احتياطية للقالب قبل الشروع بالعمل

أولا:
قم بتوجه إلى قالب المدونة افتح قالب المدونة ثم اضغط على
Ctrl+F
من لوحة المفاتيح لإظهار مربع البحث

ثم قم بالبحث عن الكود التالي

]]></b:skin>

وقم بوضعه قبل
==========================

#boxcode {

background-color: #2C323C;

direction: ltr;

text-align: left;

overflow-y: scroll;

float: left;

color: #fff;

width: 577px;

height: 225px;

}

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

<textarea id="boxcode">

ضع الكود الذي تريد عرضة بين هذا الوسمين

</textarea>