أخر الاخبار

اضافة صندوق الاكواد البرمجية في بلوجر شكل بسيط و سهل التركيب

اذا كنت تبحث عن طريقة اضافة صندوق الاكواد التركيب فانت في المكان المناسب.

Blogger هي واحدة من أفضل منصات جوجل للمبتدئيين الذين يريدون أن يبدؤا او ينشؤوا مواقعهم الإلكترونيةاو البدأ بمشاركة أفكارك باستضافة مجانية تعطيها لنا جوجل,فهي تتيح الفرصة لتحرير خيار القوالب وفقاً لاختيارك, لا تحتاج إلى إعطاء أي مقابل لإنشاء مدونة.تحتاج أن تعرف بعض الامور او القواعد أساسيّة .




للبدء في هذا المجال تحتاج لكتابة تدوينات او مقالات او منشورات,في معظم الأوقات عندما تكتب منشورًا، يجب أن تشارك بعض التعليمات او اكواد برمجية بلغة HTML أو CSS.
بدلاً من إضافة الاكواد برمجية في نموذج نصي بسيط، تحتاج الى إضافة مربع او صندوق لتحميل الاكواد البرمجية ,

إذا كنت المدون، فمن المهم جداً لك أن تعرف كيف تقوم بوضع تعليمة برمجية داخل نشر المقالة او المنشور,فمن المهم جدًا أن تكون على علم بمربع التعليمات او الاكواد البرمجية. وهذا يجعل القراء يسهّلون في نسخ الاكواد البرمجية وفهمها .

ما هو مربع الكود؟ 

ما المقصود بصندوق الرموز او الاكواد؟ إذا لم تكن على علم بمربع التعليمات البرمجية، فأن مربع التعليمات البرمجية هو نوع من المربعات. يتم وضع رموز HTML أو CSS او JSCRIPT اوضع منشور آخر في داخله. ويتم الاحتفاظ بجميع الوظائف الموجودة فيه عن طريق الربط بين الوظائف.



طريقة اضافة صندوق الاكواد

الصندوق المقترح بسيط جدا و لايأثر على القالب من حيث السرعة ,دائما ننصحح بأشياء البسيطة والغير معقدة لانها تأثر على القالب من حيث السرعة,فتجعل الزائر يفر من مدونتك.


طريقة تركيب الاضافة سهلة كالتالي :

  1. عند فتح مشاركة جديدة وتريد وضع كود برمجي للشرح اضغط على الايقونة المحددة في الصورة(عرض Html).
  2. انسخ الكود ادناه
  3. الصق الكود في المكان المراد وضع الكود في المقال.
  4. استبدل   هذا النص       بالكود.
  5. بامكانك التعديل على طول وعرض الصندوق (الامر متروك لك width height)






معاينة ونسخ الكود 









<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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">
استبدل هذا النص بالكود المراد عرضه على مدونتك
</textarea>&nbsp;</div>

 
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-