إذا كنت أحد مستخدمي منصة بلوجر و تريد إدراج رموز مصدر (HTML أو javaScript أو CSS ) في مشاركتك فأنا متأكد أنك تواجه العديد من المشاكل إذا حاولت إدراج كود (HTML أو javaScript أو CSS ) في مشاركات بلوجر فتتلقى إما رسالة خطأ أو عن طريق الصدفة إذا تم نشر مشاركتك فلن تعطيك النتيجة المطلوبة التي كنت تتوقعها ويمكنك استخدام برامج تشفير HTML ولكن لن يغير من الأمر شياً أبدا
كيفية إضافة جافا سكريبت في مشاركة مدونتك أداة بسيطة وروعة |
سكريبت
كيفية يمكنك إضافة مربع الترميز في منشورك؟
الخطوة الأولى كما هو الحال دائماً ستحتاج إلى تسجيل الدخول إلى حساب المدونة الخاص بك >>>> ثم انتقل إلى لوحة التحكم الرئيسية ثم إلى قسم نموذج ( القالب )
إذا لم تكن محترفاً فيمكنك الانتقال بسهولة إلى تخصيص ، ثم اختر Advanced من النافذة الجديد وانقر على " إضافة CSS "
بالنسبة إلى المحترفين أو أولئك الذين يحتاجون إلى تكتيكات ثقيلة ستحتاج إلى الانتقال إلى تعديل HTML ثم استخدام F + CTRL للعثور على ]]> </ b: skin> أو </ b: skin> ثم انسخ والصق الكود التالي فوقه مباشرة ثم قم بحفظ القالب الخاص بك
.code { overflow:auto;width:503px;height:200px; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#848176; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 35px; clear : both; list-style-type : none; background : #000000 ; border : 1px solid #000000; border-left:20px solid #ccc; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px } .code:hover{ color:#FEF9BF; border : 1px solid #000; border-left:20px solid #ccc; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 10px 10px 5px #888888; }
الخطوة الثالثة ستحتاج إلى العودة إلى صفحة النشر وعلى طريقة عرض علامة تبويب HTML ثم اضف الكود أدناه ثم قم بتغيير أكوادك بأي أكواد لديك وقد انتهيت من حفظ عملك ثم نشر لترى النتيجة وسوف تكون كما في الصورة التالية
ملاحظة مهمة للغاية أن بعض الإضافة يجب عليك تحويلها منشاً لاتواجه مشاكل وهذا: رابط تحويل الاكواد اضغط هنا
<div class="code">
ضع اكوادك هنا ثم نشر
</div>