دورة البلوجر: كيفية اضافة اكواد البرمجة داخل اطار على البلوجر

السلام عليكم ورحمة الله تعالى وبركاته

مرحبا بزوار مدرسة الملك في درس جديد من دورة البلوجر، في هذا الدرس سنتعرف على طريقة اضافة اكواد البرمجة في اطار خاص على البلوجر بطريقة جد جد احترافية سواءً اكواد HTML او CSS او JAVASCRIPT او...

حيث انه من الضروري على اي مدون اراد اضافة اكواد البرمجة الى تدوينته ان يقوم بوضعها في اطار خاص وان تكون واضحة للزائر وسهلة النسخ لكي يجد الزائر الراحة التامة في التعامل مع الاكواد

هناك 3 اشياء مميزة في هذا الكود الذي سوف نراه وهي:

1- تستطيع رؤية الكود في صفحة اخرى وواضحة بشكل جيد وتستطيع النسخ بكل سهولة

2- تستطيع نسخ الكود مباشرة وبكل سهولة وبعد النسخ ستظهر لك رسالة تقول لك "الكود الان في الحافظة" "the code is in your clipboard now"

3- يمكنك طبع الكود في ورقة

الان مع طريقة اضافة الاضافة الى مدونات بلوجر

اولا اذهب الى المدونة ثم قالب ثم تحرير HTML
ثم ابحث عن الكود التالي

وقم باضافة هذا الكود قبله مباشرة (فوقه)

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

ثم قم بحفض التغيرات

عند ادراج اي كود برمجي في التدوينة انتقل من "تأليف" الى "HTML"
وقم بوضع الكود التالي مع تغير كلمة "ضع الكود او الكلمة هنا" بالكود البرمجي الذي تريد