حصريا صندوق لوضع أكواد بلوجر مثل مدونة عرب ويب

حصريا صندوق لوضع أكواد بلوجر مثل مدونة عرب ويب

حصريا صندوق لوضع أكواد بلوجر مثل مدونة عرب ويب

حصريا صندوق لوضع أكواد بلوجر مثل مدونة عرب ويب

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

معاينة الإضافة 

طريقة التركيب
1- إبحث عن ]]></b:skin>
2- ضع فوقه هذا الكود

 pre
{
 background:#2e3138;
 color:#b0b1b8;
 display:block;
 font:12px/19px droid arabic naskh;
 margin:10px 0;
 overflow:auto;
 padding:19px 19px 17px;
 border:1px solid #464a54
} 

*يمكنك تغيير الألوان بما يناسبك

طريقة التفعيل
في تبويب html ضع هذا الكود

 <pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> YOUR CODE HeRE </code></pre> 

ملاحظـة: يجب تحويل الكود قبل تركيبه يمكنك تحويله من هنا