كيفية أضافة خلفية للأكواد HTML/Javascript و CSS

بسم الله الرحمن الرحيم 

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

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

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


أشرح كيفية عمل ذلك بمدونتك

1- لوحة التحكم
2- تصميم
3- تحريرhtml
4- أعمل توسيع للقالب

لاتنسى أخذ نسخة للقالب

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

]]></b:skin>

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

الكود التالي

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4BGGwn2L7TmUy_b9DGB5QNFF-yVDih6fS5pdI7WoEbI3TTdUhEWxPBFDg9IZqQFYuYw3_U4vO1DgREueJCUzdI0_QA4iyb_pEFUe18Pg1HjgoHKXs9OPmeRM1L3cgu_3BsR_7JsBMTXE/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;
}

وأخيرا 

أعمل حفظ للقالب

بعد ذلك تلاحظ في المواضيع التي قمت بنشرها والتي تحتوي على أكواد أن الخلفية تغيرت ويمكنك معاينة ذلك
بنفسك

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

css
‹ التدوينة السابقة التدوينة التالية ›

تدوينات ذات صلة

هناك 3 تعليقات:

الاشتراك في: تعليقات الرسالة (Atom)