كيفية عرض أكوادك المصدرية بأبسط الطرق

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


والآن عندما نريد إضافة كود مصدري نضعه في إقتباس ،الآن نأتي لتنسيق الخلفية التي ستظهر بداخلها الأكواد
من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML  و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).
]]></b:skin>
ثم ضع قبله الكود الموالي

.post blockquote {overflow: auto;background:-moz-linear-gradient(top,#9BCFFF,#329CFF) -webkit-gradient(linear,left top,left bottom,from(#9BCFFF),to(#329CFF));border: 5px solid #329CFF;margin: 10px;padding: 10px;direction:ltr;}
وإذا كانت لديك معرفة بcss يمكنك التعديل على الكود السابق ليتناسب مع ذوقك.

                           &&إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة&&

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

هل اعجبك هذا الموضوع ؟

جميع المواد الواردة في هذا الموقع حقوقها محفوظة لذى ناشريها ،ممنوع النقل بدون تصريح أو ذكر للمصدر . Privacy-Policy | إتفاقية الإستخدام

إن جميع المواد الموجودة في الموقع تعبر عن آراء كتابها ولاتعبر عن رأي الموقع لذلك لايتحمل الموقع أي مسؤوليات تجاهها