وضع اكواد html في صندوق داخل التدوينه بأحترافيه

اهلا بكم في مدونه بنك التقنيه سنشرح عن كيفيه وضع صندوقhtml بطريقه احترافيه وبشكل انيق وبطريقه احترافيه تلفت النظر لاخرين وبذلك في مدونه بنك التقنيه كل شئ سيكون بسيطه ان شاء الله نستكمل الشرح بعد انتهاء المقدمه التي نتعرف به عن ماهو داخل الموضوع ...
------------------------------------------------------------
اولا:ماذا نستفيد من هذا الموضوع..
هذا الامر نستفيد بأن اذا كان لديك اكواد ولاتريد ترهق نفسك بذهاب الي رفع الملفات وتقوم رفع الملف الذي به الاكواد بهذه الخاصيه يمكنك وضع الاكواد بكل سهول ان شأء الله ،وتعطي منظره جمالي لتدوينه وايضا لموقعك..
-----------------------------------------------------------
الكود الاول
هو الكود الذي سضعه قبل الكود <body/>
يجب ان تضع هذا الكود قبل هذا الكود وليس بعده وابدا،تضع هذا بطريقه الاتيه
الذهاب الي لوجه تحكم بلوجر
وبعد الدخول الي لوجه التحكم قم بذهاب الي المظهره
ثم الضغط علي تعديل html قم بالبحث علي هذا الكود<body/>
ملحوظه اذا لم تجد هذا الكود يمكن البحث عنه عن الضغط علي

ثم اضع هذا الكود التالي:

<style type="text/css">a,code.prettyprint a,pre.prettyprint a{text-decoration:none}code .str,pre .str{color:#fec243}code .kwd,pre .kwd{color:#8470FF}code .com,pre .com{color:#32cd32;font-style:italic}code .typ,pre .typ{color:#6ecbcc}code .lit,pre .lit{color:#d06}code .pun,pre .pun{color:#8B8970}code .pln,pre .pln{color:#f0f0f0}code .tag,pre .tag{color:#9c9cff}code .htm,pre .htm{color:plum}code .xsl,pre .xsl{color:#d0a0d0}code .atn,pre .atn{color:#46eeee;font-weight:400}code .atv,pre .atv{color:#EEB4B4}code .dec,pre .dec{color:#3387CC}code.prettyprint,pre.prettyprint{font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';font-weight:700;font-size:9pt;background-color:#0f0f0f;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px}pre.prettyprint{width:95%;margin:1em auto;padding:1em;white-space:pre-wrap}ol.linenums{margin-top:0;margin-bottom:0;color:#8B8970}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}@media print{code.prettyprint,pre.prettyprint{background-color:#fff}code .str,pre .str{color:#088}code .kwd,pre .kwd{color:#006;font-weight:700}code .com,pre .com{color:#oc3;font-style:italic}code .typ,pre .typ{color:#404;font-weight:700}code .lit,pre .lit{color:#044}code .pun,pre .pun{color:#440}code .pln,pre .pln{color:#000}code .tag,pre .tag{color:#b66ff7;font-weight:700}code .htm,code .xsl,pre .htm,pre .xsl{color:#606;font-weight:700}code .atn,pre .atn{color:#c71585;font-weight:400}code .atv,pre .atv{color:#088;font-weight:400}}</style>

وبعد الانتهاء قم بحفظ جميع الاكواد الموجوده وقم بخروج من مظهره بلوجر اي القالب

كيف استعملها بداخل التدوينه الخاصه بك

قم بوضع هذا الكود بداخل التدوينه الخاصه بك بخاصيه html

يجب ان يكون الكود الذي ستضع ان يكون محول اكواده لكي تععمل الاكواد بشكل صحيح..

 <center>
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="تحديد الكل"> </div>
<div align="center">
</div>
<p align="center">
<textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">الكود هـنا