طرق ادراج اكواد html داخل المدونه

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

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

كتابة أكواد HTML داخل المواضيع على حسب آخر تحديثات بلوجر :
اتبع الخطوات بالترتيب :
الخطوة الأولى : تنسيق الأكواد في مدونات بلوجر :
وفائدة هذه الخطوة : تنسيق الكود ووضعه في اطار جميل ولا يأخد مساحة وبالطول والعرض الذي تريده ، لأنه في بعد الأحيان يكون الكود كبيراً ،ويبدوا من وجهة نظر الزائر غير لائق فهذا الإطار ينسقه ويجعله لا يأخذ حيز في التدوينة .

- اذهب إلى لوحة تحكم مدونتك ثم اختر تحريرHTML ،وضع علامة على توسيع القالب ثم ابحث عن الكود التالي :

]]></b:skin>

ثم ضع قبله الكود التالي مباشرةً :

#code {


padding:5px;


border:1px dashed;


background-color:#a4ddff;


direction: ltr;


text-align: left;


height:100px;


overflow-y:scroll;

}

* ارتفاع اطار الكود ( يمكنك تغيره ليتناسب مع مظهر مدونتك ).
ثم اختر حفظ القالب .

ملحوظة : انت تفعل هذه الخطوة مرة واحدة وهي سهلة جداً ، وبعد ذلك سيضاف الإطار طبيعياً بمجرد كتابة أمر سأذكره تابع معي .

الخطوة الثانية :
اكتب الموضوع وأدرج الكود الذي تريد ولكن :
1- اذهب إلى الخيارات بجانب الموضوع الذي تكتبه واختر (اظهار HTML فعلياً) ،وهذه خطوة مهمة للغايه لأنها تحول تفسير أكواد HTML من قبل المتصفح من لاشئ إلى أكواد HTML .

الخطوة الثالثة :
اضغط على وضع HTML الذي بجانب وضع تأليف في تحرير المقالة ، ثم ابحث عن الكود الذي أدرجته في الموضوع ، لتسهيل البحث اضغط(ctrl+f)

الخطوة الرابعة :
ضع الكود بين الأمرين الآتيين كما في الصورة :




ووظيفة هذين الأمرين ادراج الكود بين الإطار الذي أعددناه سابقاً .

للتوضيح سيكود الشكل في وضع HTML كالتالي :
<div id="code">

وسيظهر في وضع المدونة ،أو التأليف أو بعد النشر بالإضافة إلى الإطار الجميل :

أرجو أن تكونوا قد استفدتم من الموضوع ،ومن أعجبه الموضوع يضغط لايك ،ويسعدنا تلقي استفساراتكم أو اقتراحاتكم 

التصنيف : تعلم مع بلوجر