كتابة كود بمدونات بلوجر وعمل scroll box

من المعلوم أنه عند كتابة كود بموضوع ما إما انه لا يظهر أو يرسل رسالة خطأ بـ html، وفي هذا الموضوع سوف أعرض عليكم أحدى طرق كتابة كود html بمدونات بلوجر، فهناك طريقة رأيتها في أحدى المدونات ولكن لم تنجح معي، وهنا الطريقة سهلة جدا بدون التعديل في القالب، وسيكون المثال على كود لعمل -لا أدري ما أسميه بالضبط ولكن هو- صنوق ذات حجم معين يطلقون عليه scroll box يمكنك وضع صورة كبيرة به، كما يمكنك كتابة الأكواد به، وكما يمكنك من كتابة نص طويل أو تقرير لبرنامج ما، وربما يكون له مزيدا من الفوائد،،،

لكتابة كود بمدونات بلوجر ينبغي بعض التعديلات على الكود وهذا ما سوف نقوم به،
نغير > إلى

ونغير < إلى

كيف نقوم بهذا؟
ننسخ الكود الذي نريده ونلصقه في ملف نصي notepad ومن ثم نذهب إلى تحرير edit ثم نضغط على استبدال replace ثم نختار استبدال الكل replace all .... لا حظ الصورتين أسفل

مثال على ما تقدم:
بعد عمل التعديلات السابقة ننسخ الكود بالشكل الجديد ونضعه في تحرير html أفضل من تأليف للتحكم بمحاذة النص وخلافة، وسوف يظهر عند المعاينة بالشكل المطلوب، وهذا هو كود عمل scroll box سوف أضعه خارج الصندوق هكذا

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>

وهذا نفس الكود قمت بوضعه بالصندوق

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>

للإشارة يمكن التعديل على طول وعرض الصندوق وكذلك لون الخلفية به...

وللعلم يمكن عمل التعديل على الكود من خلال هذه الأداة
Encode Decode HTML

كما يمكن عمل scroll box بواسطة هذه الأداة
scroll box generator

المصدر: Peter

لكم تحياتي واتمنى لكم الفائدة المرجوة