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

السلام علكم 
العديد من المدونين يحبون وضع أكواد html التي يضعونها في  شروحاتهم داخل اطار احترافي يؤكد للزائر على التقنية التي يمتلكها المدون 
اليوم جئتكم بالحل و هو عبارة عن خلفية على شكل صفحة كتاب غاية في الروعة تنظم لك أكوادك تسهل على الزائر عملة نسخ الأكواد دون عناء الصعود و النزول كما أنها سهلى التركيب و لا تحتاج الى مجهود كبير .
الان مع طريقة التركيب 
من قائمة التحكم الرئيسية أنقر قالب أو modéle لمن يستعمل اللغة الفرنسية.
أنقر على تحرير modifier le code html                             html
تخصيص    traiter
علم على توسيع القالب  
                                 
ثم ctrl+f للبحث
ابحث عن الكود التالي 
]]></b:skin>
بعد ايجادك للكود أضف قبله مباشرة الكود التالي 
.rtcv { 
margin : 15px 35px 15px 15px; 
padding : 20px 10px 10px 35px; 
background : #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUsej4Q0LIEiWwv4K5paAxckuQyo1XqgLhJaY7lc3PXyWvHqCP7Ppu8C2260e1rg8e1JLFkB0el56T5Xteg95XKNpZPlsObClImA8XNxvMp9RwxDY_sxlWi9C6QZpIjcR1SBDFiA5bwc/s1600/Html+code.gif) repeat-y top left; 
border-top : 1px solid #AAAAAA; 
border-right : 1px solid #AAAAAA; 
border-bottom : 1px solid #AAAAAA; 
border-left : 1px solid #AAAAAA; 
}

ثم قم بحفظ القالب.
و الان عندما تريد وضع أي كود لا تضعه في خانة تأليف بل ضعه في خانة تحرير html 
الكود يجب وضعه على الشكل التالي 
<div class="rtcv">
ضع الكود هنا
</div>
ملاحظة جد مهمة 
اذا لم يرق لك شكل الخلفية ما عليك سوى تغيير الرابط بالحمر بصورة الخلفية التي تحب باللون الذي تحب
هكذا اصبحت الاكواد تظهر باحترافية انتهى موضوعنا شكرا لكم.