إضافة صندوق الأكواد داخل مدونتك على بلوجر

code box
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
أحيانًا كثيرة تريد أن تشارك زوار موقعك بعض الأكواد البرمجية ، و لعلك لا حظت أنى أقوم بعرض الأكواد بمدونتى داخل صندوق اكواد بسيط ، يحتوى على الأكواد التى تفيد مدونى بلوجر.

الصندوق الاول:

ولتركيب هذا الصندوق بمدونتك إتبع الخطوات:
  1. إذهب إلى المشاركة التى تريد أن تضيف إليها الكود
  2. إنسخ الكود التالى وإلصقه بتبويب HTML المشاركة 
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: auto;">أكتب الكود هنا</pre>

أكتب الكود التى تريد عرضه بالمكان المخصص له
بالإمكان تغيير القيم الملونة باللون الأزرق للتحكم فى طول صندوق الأكواد

الصندوق الثاني:

  1. إذهب إلى المشاركة التى تريد أن تضيف إليها الكود
  2. إنسخ الكود التالى وإلصقه بتبويب HTML المشاركة 
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 200px; width: 650px;" wrap="VIRTUAL">قم بتغيير النص هذا الى الكود أو النص المراد وضعه</textarea></div>
</form>
</div>

تعليقات