كيفية أضافة نمط أو خلفية للأكواد في المواضيع للمدونة

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

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

صورة للمعاينة الأضافة

الشرح :-

1- لوحة التحكم

2- تصميم

3- تحريرhtml

4- أعمل توسيع للقالب

لاتنسى أخذ نسخة للقالب كالعاده

أبحث عن الكود التالي

]]></b:skin>

وأضف قبله مباشرة 

الكود التالي

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht9EIAT9gvAW5s7cTOD3Li6ivdozwjIzozmS-2wdr9hOx4j0rlb9XEegH3JeV4fFDQESCtktkF07mNTf5DRbRm93UHf9k5Few8yYE3qvaSO2-F3PgE9f_MuF3Tbrr2URlRscpbifGi6xk/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 10px; padding:10px 30px 10px 20px; font-size: 0.6em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 5px;
}

وأخيرا 

أعمل حفظ للقالب و شاهد النتيجة