كيف تضيف أكواد بلوجر في صندوق لتمييزه

السلام عليكم يا أصدقائي اليوم جئتكم بموضوع جديد في الدرس السابق قمنا بوضع أزرار لمدونة بلوجر و اليوم سأريكم كيف تضع صندوق لوضع الكود داخله و لكن كيف أقوم بوضع الإضافة؟
لمعاينة الصندوق:

See the Pen NPorYW by tarek zaabi (@tarek1web) on CodePen.

تابع معي الشرح

شرح طريقة التركيب 

1-أدخل إلى لوحة التحكم في بلوجر
2-القالب
3-تحرير HTML
4-إبحث عن ]]></b:skin>
5-ثم أضف فوقه هذا الكود

 .pre {
  background: #2e3138;
  color: #b0b1b8;
  display: block;
  font: 12px/19px Consolas,'Andale Mono',Courier,'Courier New',monospace;
  margin: 10px 0;
  overflow: auto;
  padding: 19px 19px 17px;
  border: 1px solid #464a54;
} 

6-إحفظ القالب
و لاستعمال الصندوق قم بالتوجه نحو تبويب HTML و أضف الود التالي

 <pre title="CSS" data-codetype ="CSSku"><code class="language-css">  </code></pre> 

By glok

Similiar tagsإضافات بلوجر