الجمعة، 29 أكتوبر 2010

إضافة كود JAVA SCRIPT و HTML و PHP في مواضيع المدونة


السلام عليكم

في عض الأحيان نستحق إضافة اكواد HTML و PHP او اي لغة برمجة أخرى في مواضيع المدونة لكن للاسف مدونات بلوجر (بلوج سبوت) لا تدعم هذه الخاصية
فما الحل ؟؟؟
** الحل هو تشفير الكود ( Encode HTML )

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

إذاً الحل لهذه المشكلة اتبع الخطوات التالية :


  • اولا : تشفير الكود ( Encode HTML )

يوجد العديد من المواقع التي تدعم هذا التشفير, قمت بالبحث ووجدت احسنها و اسرعها


إضغط هنا

و لان ما عليك الا ادخال الكود في خانة Encode input text: ثم الضغط على ENCODE
فيظهر الكود معدل في OUTPUT اسفل مربع Encode input texT
كما في الصورة :


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

  • ثانيا تنسيق شكل الكود
قبل كل شي نأخذ نسخة إحتياطية من القالب ثم
نفتح القالب و نبحث عن هذا الكود



]]></b:skin>

ثم نضيف قبله هذا الكود

#code {


padding:5px;


border:1px dashed;


background-color:#a4ddff;


direction: ltr;


text-align: left;


height:100px;


overflow-y:scroll;


}




طبعا ممكن تغير في الكود مثلا تقدر تغير قي لون الخلفية
اذ تتم هذه العملية بتغير هذا الرقم #a4ddff
وكذلك تغير في الإرتفاع height:100px;

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


نضع قبله هذا الكود


<div id="code">





ثم نضع اسفله هذا الكود


</div>




ثم مبروم عليك الكود او الإضافة
ثم متنساش قبل ماتمشي تكتب رد و تقول لي رايك في الموضوع

هناك تعليق واحد: