close

أخر الاخبار

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

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

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

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


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"

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



أرجوا ان ينال هذا الدرس افادتكم  وانتظرونا في المزيد من الدروس المفيدة في كيفية إنشاء مدونة بلوجر  عربية واحترافية , لاتنسوا مشاركة الموضوع مع أصدقائكم.. بالتوفيق للجميع..

إلى هنا نكمل هذا الدرس.. تقبلو تحياتي.
والسلام عليكم ورحمة الله تعالى وبركاته
اللهم صلي وسلم على نبينا محمد
(صلى الله عليه وسلم)


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

ليصلك جديدنا تابعنا على صفحاتنا الاجتماعية: الفيسبوكالتويتر ,tumblrpinterestlinkedininstagram
 



الحصول على رابط هذا الموضوع

رابط:
رابط الموضوع بكود html:
رابط الموضوع للمنتديات:

مواضيع أخرى قد تهمك



تعليقات
ليست هناك تعليقات
إرسال تعليق



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