إدراج صندوق الأكواد في بلوجر

مربع الأكواد Code Box يستخدم غالبا في كتابة الأكواد ولإضافة هذا النوع لمدونات بلوجر إذهب إلى قالب >> ثم تخصيص >> ثم متقدم >> ثم إضافة CSS ثم الصق الكود  التالي:

.code { background:transparent;

background-repeat:no-repeat;

border: solid #888888;

border-width: 1.5px 1.5px 1.5px 2px;

color: #222222; font: 16px 'Courier New', Courier, monospace;

line-height: 18px; margin: 10px 0 10px 10px; max-height: 200px;

min-height: 20px; overflow: auto; padding: 10px 10px 10px;

width: 80%; }

.code:hover { background: #f3f3f3; background-repeat:no-repeat; }

ثم بعد ذلك إضغط على زر [تطبيق على المدونة]كما هو مبين في الصورة السفلى :

بعد ذلك عندما تريد أن تكتب تدوينة جديدة وتريد أن تضمنها صندوق أكواد أو مربع كود فأذهب أيضا إلى وضع HTML  بدلا عن تأليف وضع الشفرة التالية:

<div class="code"> ضع النص هنا أو الكود المراد كتابته < /div>

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