أخر الاخبار

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

مرحبا بكم أصدقائي الكرام في موضوع جديد من دورة بلوجر لكيفية  انشاء مدونة عربية احترافية من الصفر.. 

موضوعنا اليوم هوعن  كيفية وضع مربع وضع الأكواد في بلوجر وسنتطرق إلى طريقة سهلة وبسيطة لوضع الأكواد التي نريد مشاركتها في مشاركاتنا  داخل صندوق يعض بطريقة جميلة وبسيطة والتي تسهل على الزائر الذي يرغب في نسخ الكود بنسخه بكل سهولة. ..

في هذا الموضوع إن شاء الله سنعرف كيفية  وضع مربع وضع الأكواد في بلوجر...


How to put a special box for easily placing codes with Blogger

طريقة وضع مربع خاص بوضع الأكواد بسهولة  بلوجر

How to put a special box for easily placing codes with Blogger

سنتطرق إلى طريقة سهلة وبسيطة لوضع الأكواد التي نريد مشاركتها في مشاركاتنا 
داخل صندوق يعض بطريقة جميلة وبسيطة والتي تسهل على الزائر الذي يرغب في نسخ
الكود بنسخه بكل سهولة. 

وقد إعتمدنا في طريقتنا هنا على كود سهل يضاف مباشرة إلى المشاركات وليس بطريقة الccs
لأنها برأيي من أسوأ الطرق فهي تزيد من حجم القالب وتجعله ثقيلا في التحميل 
وهذا مالا ترغبه محركات البحث والزوار.

لهذا فمن خلال إظافة هذه الأدات أو الكود داخل المشاركات فأنت توفر على نفسك الكثير
لأنه وببساطة سيسهل على الزائر تحديد ونسخ الكود ببساطة دون إرتكاب أخطاء أثناء ذلك.

ويصبح شكل مشاركاتك جذابا سهلا وبسيطا عليك وعلى الزوار
وسيسهل عليك مستقبلا إن شاء الله إظافة أكواد طويلة دون
الخوف من تبعثر واختلاط أجزاء الكود

أو خلط اللغة العربية مع لغة البرمجة
كل هذا بشكل بسيط أنيق ومميز.

دون إطالة ننتقل إلى الطريقة.




طريقة إظافة صندوق لوضع الكود بداخله (إظافات بلوجر)

1- نتوجه إلى مدونتنا ببلوجر.

2- نضغط على مشاركة جديدة.

3- نقوم بتحرير المشاركة الجديدة (عنوان نص صورة ...الخ).

4- عندما نصل لمكان وضع الكود نقوم بكتابة مثلا:
aaaaaaaa

5- ننتقل إلى وضع تحرير الHtml

6- نبحث عن عبارة (aaaaa)

(لتسهيل الأمر إذا كانت المشاركة كبيرة لإيجاده تستطيع النقر في أي مكان ثم إضغط على cntrl+f
واكتب بها aaaaaa ثم entre وستظهر باللون الأصفر).

7- قم بتحديد الaaaaaaa واستبدلها بالكود التالي:

<form name="form1"><div style="text-align: center;"><textarea cols="50" name="demo" readonly="" rows="2">الكود الذي سوف تضع </textarea>&nbsp;</div><div style="text-align: center;">&nbsp;&nbsp;<input name="selectit" onclick="selectAll ();" type="button" value="تحديد الكل" /></div><div style="text-align: center;"><br /></div></form> 


8- بعد العودة لوضع الإنشاء ستتحصل على نتيجة مثل هذه بعد نشر المشاركة:

 
  


9- طريقة إظافة الكود وعدد الصفوف المعروضة:

يمكنك تغيير عدد الصفوف التي تعرض من الكود داخل المربع بزيادة العدد
الملون باللون الأحمر فوق مثلا في حالة كان الكود كبير وتريد عرض المزيد من الصفوف.

ولوضع الكود الخاص بك داخل هذا المربع تعود لوضع الhtml
ثم وببساطة تقوم باستبدال الجملة التالية:
"الكود الذي سوف تضع"
الملونة باللون الأخضر بالكود الخاص بك الذي تريده
أن يظهر لزوار مدونتك أو مشاركتك.

وستحصل على نتيجة مثل هذه:

 
  

هنا قد حددنا الصفوف بعدد "8"
rows= "8"

يمكنك كما أسلفنا تغييره بما يناسبك ثم قم بعرض المشاركة وستلاحظ الإختلاف
في عدد الصفوف حسب العدد الذي حددته سلفا.






ˆFr
وضع القراءة :
حجم الخط
+
16
-
تباعد السطور
+
2
-