طريقة اضافة الأكواد في اطار خاص على البلوجر

السلام عليكم ، مرحبا بكم في هذا الشرح الذي سنشرح لكم فيه طريقة اضافة اكواد HTML في اطار احترافي و جديد لمدونات البلوجر ، هذه الاضافة مهمة لاصحاب المدونات التعليمية و الخصوصا الدين يتعملون بالأكواد مثلا " HTML , JAVASCRIPT , CSS , JQUERY ,..."  إدا من الضروري اضافة هذه الاطواد الى اطار يكون واضحا للزائر و سهل من حيث نسخ الكود . لذلك و في هذا الشرح يمكنك اضافة أكوادك في اطار متناسب سهل النسخ و الحصول على الأكواد ، ما عليك سوى متابعة الشرح الثالي :

معاينة الشكل 

اضافة اللإضافة الى مدونات البلوجر

1. نتوجه الى المدونة ، قالب ، تحرير HTML 

2. نبحث عن الكود الثالي 

</head>

3. ثم نضيف الكود التالي فوقه 

<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 = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script> 

4. ثم نضغط على حفظ .

5. عند اضافة الكود الى التدوينة لا تنسى اضافة على الشكل التالي مع اضافة الكود مكانه .

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
ضع الكود هنا
حقوق مدونة حكمات
</pre> 

6. لأي استفسار ضعه في التعليق أسفل المدونة .

مقالات ذات صلة