كود منسق الاكواد داخل المشاركات بطريقة سليمة وصحيحة

السلام عليكم ورحمة الله 

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

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


ثم تقوم بوضع الكود المرفق  مكان كلمة هنا ضع الكود كما بالصورة

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

الكود

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
- See more at: http://www.asoftt.com/2015/04/html.html#sthash.ngTkVwJL.dpuf

تم الشرح والله الموفق