Home » , » طريقة وضع وكتابة اكواد هتمل و بي اتش بي في تحرير الرسائل داخل اقتباس

طريقة وضع وكتابة اكواد هتمل و بي اتش بي في تحرير الرسائل داخل اقتباس

إخواني الأعزاء ، أحيانا عندما تتصفح في بعض المدونات او المواقع واقصد المدونات التعليمية أو التي تقدم طرق إضافات وتحسينات لمدونات بلوجر تجد أن بعض المواضيع تحتوي على أكواد بداخلها و اذا اردت اضافة كود جافا سكريبت في موضوع post فلا تستطيع و تظهر رسالة هناك خطأ إذاً ما الحل لهذه المشكلة ؟

** الحل هو تشفير الكود ( Encode HTML )

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

إذاً الحل لهذه المشكلة اتبع الخطوات التالية :
اولا :  تشفير الكود ( Encode HTML )





و لكي تتمكن من عمل الكود و تنسيقة  يجب ان تجد موقع لتحويل الكود الى كود يمن كتابته في تحرير الرسايل و قد بحث كثيرا و وجدت افضل موقع

http://www.opinionatedgeek.com/dotnet/tools/htmlencode/Encode.aspx

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




ثانيا : تنسيق الاكواد كما في

- ادخل الى تحرير HTLM في لوحة تحكم مدونتك ، و ابحث لنا عن الكود التالي:
**متنساش تاخد نسخة احتياطية من القالب **





]]></b:skin>



و اضف قبله التالي:





#code {

padding:5px;

border:1px dashed;

background-color:#a4ddff;

direction: ltr;

text-align: left;

height:100px;

overflow-y:scroll;

}



* اللون الازرق في الكود هي خلفية لون اطار الكود
* اللون الاحمر في الكود هو ارتفاع اطار الكود






و قم بالحفظ.








ما قمنا به الان هو وضع ستايل اطار الكود، حتى نستخدمه في كل مرة نريد فيها وضع كود بكل يسر.


و الان اكتب موضوعا جديدا، وضع الكود بالطريقة التي تعلمتها في المرحلة الاولى.


ثم اضغط على HTML في صندوق تحرير الموضوع.


ثم ابحث عن الكود الذي وضعته.

و اضفه بداخل اطار (خلية) مستعملا تنسيق الاطار الذي وضعناه.

مثل ما هو موضح في الصورة:




الكود : (الاطار موضح باللون الاحمر)




<div id="code">


<hr>


واحة افكاري


</div>





مبروك عليك الكود

شكر خاص من مدونة واحة افكاري الي صاحب الموضوع الاصلي 

0 التعليقات:

إرسال تعليق

أخي \ أختي في الله ... تذكر(ي) دائما
قوله تعالى : ( مَا يَلفِظُ مِن قَولٍ إلا لَدَيهِ رَقِيبٌ عَتِيد )

 
Support : Your Link | Your Link | Your Link
Copyleft © 2013. واحة أفكاري - All lefts Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger custom blogger templates