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

عمل صندوق للأكواد على مدونة بلوجر بشكل احترافي 

هذه صورة لشكل صندوق الاكواد الذي سوف تقوم بإضافته 

  كل ما عليك فعله اتبع التعليمات وسوف تقوم بإضافتها والامر لا يتطلب مجهود 

أولا عليك الدخول على بلوجر ومن ثم المظهر - تخصيص - تعديل HTML 

ومن ثم سوف تقوم بالضغط على زر البحث اذا لم تكن تعرف كيفية فتح خانة البحث

اضغط  CTRL+F  وسوف يفتح معك حقل البحث 

قم بالبحث عن هذه الكلمة 

]]></b:skin>

 ]] او اذا لم تستطع ابحث عن هذه العلامات 

 ولاكن يجب عليك التأكد من الكلمة التي بالأعلى بأنها متطابقة 

ملاحظة : سوف نضع الاكواد فوق الكلمة التي بحثنا عنها  بالأعلى

الان قم بنسخ الكود التالي

/* Html-code Box By haku */

.htmlcode { 

background:#100404; 

background-repeat:no-repeat;

border: solid #ff5722;

border-width: 1px 1px 1px 10px;

color: #ffffff; font: 13px 'Courier New', Courier, monospace;

clear : both;

list-style-type : none;

line-height: 17px;

margin: 10px 0 10px 10px;

max-height: 157px; 

min-height: 16px; 

overflow: auto;

padding:23px 28px 10px; width: 90%;}

طريقة الاستخدام 

افتح الموضوع او المقال الذي تريد ومن ثم اضغط على علامه القلم 

 وبعدها 

عرض HTML 

انسخ الكود الذي بالأسفل وقم بوضعه بالمكان الذي تريد 

<div class="htmlcode"> ضع الكود  </div>

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