أما بعد، فقد وصلتني بعض الاستفسارات حول طريقة وضع أكواد مصدرية في التدوينات دون أن تختفي أو يحذف جزء منها نتيجة ترجمة المتصفح لها. أقول الطريقة سهلة و يسيرة و يمكن الوصول إليها انطلاقا من محرر التدوينات في لوحة التحكم. و أضعها كالآتي:
أولا : إدخال الكود عبر محرر المدونة
ثانيا: تنسيق الكود
type="text/javascript">
document.write("Hello World!")
</script>
بعد إدخال الكود ستلاحظ أنه موجه جهة اليمين و الأصح أن يوجه إلى اليسار، حدده إذا ثم اضغط أيقونة التوجيه من أدوات المحرر
و سيصبح كما يلي:<script type="text/javascript">
document.write("Hello World!")
</script>
document.write("Hello World!")
</script>
لكن رغم ذلك فالكود لازال يحتاج إلى إضافة لتوجيهه بشكل صحيح. انتقل الآن إلى وضع تحرير HTML ثم ابحث عن الكود الذي أدخلت، ستجد في بدايته هذا الوسم
تجعله هكذا بإضافة ما لون بالأحمر<div style="text-align: left;">
بعد ذلك سيصبح الكود الذي أدخلت هكذا<div dir="ltr" style="text-align: left;">
تلاحظ الآن كيف أصبح تنسيقه حسنا :)
<script type="text/javascript">
document.write("Hello World!")
</script>
document.write("Hello World!")
</script>
ثالثا: خلفية الكود
لتمييز الكود عن بقية النصوص سنضعه في إطار و سنستخدم لذلك أداة الاقتباس الموجودة في المحرر. فبعد تحديد الكود مرة أخرى نضغط أداة الاقتباس هذه
. و بهذه الحركة اليسيرة تكون قد أنهيت التنسيق و سيصبح هكذا و أشير إلى أن شكل الإطار و لون الخلفية سيبدو حسب قالب مدونتك و كما هو محدد في أكواد css فيه و ليس بالضرورة كما يبدو هنا.<script type="text/javascript">
document.write("Hello World!")
</script>
اضغط هذه الأيقونة في المشغل لمشاهدة أوضح.
لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).
