افضل الطرق لتمييز كود او نص داخل مدونة بلوجر

 احياناً يحتاج بعض المدونين ادراج اكواد HTML ،أو غيرها داخل المقال ،أو الموضوع لأغراض  متعددة كشروحات بلوجر و اضافاتها ...

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

 1- لتمييز نص ما داخل التدوينه من خلال صندوق صغير قابل للتوسعه والطى قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع ما بالاسفل

<textarea>هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى يمكنك استبداله بالنص الذي ترغب فيه</textarea>

وسيظهر داخل التدوينه كما بالاسفل .

هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى يمكنك استبداله بالنص الذي ترغب فيه

  

2 -  لتمييز نص داخل التدوينه من خلال صندوق فيه زر لتظليل النص قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع الكود التالي

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى والتظليل يمكنك استبداله بالنص الذي ترغب فيه</textarea></p></div></form>

وسيظهر النص داخل التدوينه بالشكل الموجود في الاسفل

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

   3 -في بعد الأحيان يكون الكود كبيراً ،ويبدوا من وجهة نظر الزائر غير لائق 

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

بدون إطالة ندخل في صلب الموضوع :

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

]]></b:skin>

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

#code { padding:5px; border:1px dashed; background-color:#a4ddff; direction: ltr; text-align: left; height:100px; overflow-y:scroll; }

اضغط على تحرير HTML 

ضع الكود بين الأمرين الآتيين

للتوضيح سيكود الشكل في وضع HTML كالتالي :

<div id="code">

هنا نضع الكود

</div>

أرجو أن تكونوا قد استفدتم من الموضوع ويسعدني تلقي استفساراتكم أو اقتراحاتكم .

منشورة في: اضافات وادوات بلوجر, بلوجر, دروس وشروحات بلوجر