| 24 تعليقات ]


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

أولا : إدخال الكود عبر محرر المدونة

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



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

تمثيلا لما سبق سأدرج هذا الكود

type="text/javascript">

document.write("Hello World!")

</script>

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

<script type="text/javascript">
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>
ثالثا: خلفية الكود

لتمييز الكود عن بقية النصوص سنضعه في إطار و سنستخدم لذلك أداة الاقتباس الموجودة في المحرر. فبعد تحديد الكود مرة أخرى نضغط أداة الاقتباس هذه  . و بهذه الحركة اليسيرة تكون قد أنهيت التنسيق و سيصبح هكذا
<script type="text/javascript">
document.write("Hello World!")
</script>
و أشير إلى أن شكل الإطار و لون الخلفية سيبدو حسب قالب مدونتك و كما هو محدد في أكواد css فيه و ليس بالضرورة كما يبدو هنا.



التعليقات : 24

Best Max

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

واصل و لا تفاصل أخي.
و عام سعيد.

S.M.G

ماشاء الله
صراحة فكرة لا يفكرها غلا الذكي :)
شكرا لك حقيقة :) ،، طريقة رائعة منك

محمد الجرايحى

بارك الله فيك وأعزك
ونشكرلك هذا الشرح الوافى

المرآة الصافية

ماشاء الله بارك الله فيك اخي ذؤيب...
واعتقد اني شرحت ذلك مسبقاً في مدونتي

مهاجره بإحساس

الف شكر اي الكريم

دمت بود

غير معرف

اخي دؤيب كيف قمت بترقيم مدونتك المرجو الافادة وشكرا

اقصوصه

جزيت خيرا عى التدوينه المفيده

غير معرف

بارك الله فيك

بس لدى طلب اريد وضع اعلان جوجل فى الموضوع مثل هذه المدونه

مثال

http://nogoomfm.blogspot.com/2010/01/blog-post_08.html


وشكره اخى

الاميل

romeo_cam_love2010@yahoo.com

غير معرف

مرسي كثير يا مان

انا كثير استفدت من موضوعك

ثانكس

ارجو منك يا مان انك تضيف ايمالي عندك
لاني في كثير اسئلة عندي

وارجو اني القا اجوبتها عندك

ايمالي:
mohammed_mja@hotmail.com
mohammed_mjir@yahoo.com

beckham_250

اخى ذؤيب احذرك من اضافتك لكود جوجل تحت كلمة ربما تجد ضالتك لهذه المواضيع ان هذا مخالف لسياسات جوجل واذا تم اكتشاف الامر فانك سوف تعاقب اما بغلق الحساب او باند للموقع وشكرا

غير معرف

السلام عليكم ..
لو سمحت اخوي اريد اسالك كيف اضع المقال القديم بالاول والجديد بالنهايه .,
وشكراً ..

غير معرف

السلام عليكم ..
لو سمحت اخوي اريد اسالك كيف اضع المقال القديم بالاول والجديد بالنهايه .,
وشكراً ..

تايلاند

بارك الله فيك اخي ذؤيب
شكرا لك

hstria

مشكوور
مدونة توك شو
http://2kshow.blogspot.com/

محمد العمري

بارك الله فيك وجزاك الله كل خير

mohamed tarek

شكرااااااااااااااااااااااااا

أوعمارة تكفريناس

بارك الله فيك وجزاك الله كل خير

Zidani

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

ahmed jbar

شكرا اخونا العزيز .. شرح ودروس جميلة .. بارك الله فيك ..

تحياتي الك

زيــزو

شكرا لك اخوي
وبارك الله فيك
مدونتك رائعه ومثاليه7
تحياتي لك

مملكة الحب

توبيكات
برامج
صور
العاب

مدونة عز الشباب

شكرا جزيلا لك أخي محمد علي مجهودك

مدونة عز الشباب

إبداعات وترفيه
صوتيات ومرئيات
مناقشات وحوارات
هادف

Ahmed Salah

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

http://news-3l2ahwa.blogspot.com/

Ell top

شكرا على الموضوع
BookMark
BookMark
BookMark
BookMark

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.