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

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


السلام عليكم ، مرحبا بكم في هذا الشرح الذي سنشرح لكم فيه طريقة اضافة اكواد 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. لأي استفسار ضعه في التعليق أسفل المدونة .

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

2 التعليقات

التعليقات
Hm
8/21/2014 delete

شكرا جزيلا لك أخي على المعلومات

Reply
avatar
11/30/2014 delete

شكرا

http://theki-ng.blogspot.com/

Reply
avatar

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
cheer