كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر

How to use CSS,JS,HTML in Blogger
كثير من مستخدمي بلوجر يتبعون الشروحات الخاصه بإضافة وتوزيع الإضافات دون أن يعرف لماذا يتم هذا التوزيع وكيف يوزع بنفسه او يجمع أكواد الإضافة مع بعضها وفي موضوعنا اليوم سنوضح كيف يتم توزيع اكواد اللغات البرمجية 
CSS , Js , HTML
في منصة بلوجر , طبعا لن نخوض في أمور برمجية بحته لكن سنتكلم بشكل عام يناسب الجميع في فهم الأمر

لماذا يتم توزيع بعض الأدوات وأخرى تضاف في آداة واحدة HTML/JavaScript ؟

الادوات الخفيفة يسهل قرائتها بسهولة داخل آداة HTML/JavaScript اما الأدوات الكبيرة أحيانا يصعب قرائتها وتشغيلها عندما تكون داخل آداة وحينها لا تعمل فيتم توزيعها في مناطق كل كود داخل القالب لضمان عملها
وطبعا هذا يفرق بحسب جودة تكويد القالب وعدد الادوات به فالقالب الممتلئ بملفات الجافا سيحتاج الدمج اكثر من غيره لتجنب التعارض

أكواد الستايل او  المظهر CSS

تلك الأكواد هي المسؤلة عن مظهر الآداة والوانها واشكالها يمكنك تمييز اكوادها بأنها تكتب بتلك الطرق 
#Example {
 margin:0 5px;
 background-color:#444444;
}
أو هكذا
#Example {margin:0 5px;background-color:#444444;}
مكان هذه الاكواد في القالب هو بين كودين 

]]>
لكن ان اردت استخدام تلك الاكواد في آداة HTML/JavaScript أو في منطقة اخرى بالقالب مثلا منطقة الـ head اى فوق الوسم
او في منطقة الـ body اى بين الوسمين
 

عليك ان تخبر القالب ان هذه أكواد ستايل بوضعها بين هاذين الكودين

أكواد الجافا سكريت JS

هي الاكواد المسؤلة عن الأوامر يعني عندما تضغط على شئ معين في آداة هذه هي الاكواد التي تحول ضغطتك لفعل شئ معين في الصفحة
يمكنك اضافاتها فوق منطقة الـ head او في منطقة الـ body لكن في كل الأحوال عليك ان تخبر القالب بانها ملفات جافا
بوضعها بين هاذين الكودين
يعني لو لديك ملف جافا ولا تستطيع رفعه انقل محتواه داخل هاذين الكودين احياناً قد لا يقبل فعليك تحويله بمحول الاكواد

أكواد الـ HTML

هي الأكواد المسؤلة عن التخطيط  التي تحدد اين مكان الإضافات في الصفحة واجزائها ودائما تكون فقط في منطقة الـ body
ويمكنك تميزها بان اكوادها ممتلئة بالأقواس مثل هذا

text


بعدما فهمنا فكرة تلك الأكواد وكيف نضيفها في القالب ومناطق عملها وكيف نغير منطقة اضافتها كأكواد الستايل
الآن هذه أدوات يمكنك التمرن عبرها
الأولى هو هذا السلايدر ستجد اكواده موزعه يمكنك بإضافة الوسوم لمنطقة الستايل ان تجمع الاكواد كلها مع بعضها وتضيفها في آداة HTML/JavaScript
طبعا قد لا يعمل معك في آداة لما ذكرته من اسباب سابقاً او قد يعمل بحسب قالبك
وهذا سلايدر آخر غير موزع لو اردت توزيعه في القالب استخدم اكواده ووزعها