U3F1ZWV6ZTE1NTk2NTQ4MzVfQWN0aXZhdGlvbjE3NjY4NzQxMTM0
recent
أخبار ساخنة

كيفية عمل جدول داخل تدوينة بلوجر بأحترافية

عمل جدول (لمدونة بلوجر - Blogger Blog) ، حيث ان عمل جداول في مواقعك علي مدونة بلوجر يعطي زيادة وثقة وجمالية لموقعك وللزائر يثق بك لأحترافك في شرح المواضيع والدروس لذالك من المهم ان تضع الاشياء المتشعبة او الكثيرة في جدول حيث يسهل لأيصال المعلومة للزائر بدون أي بذل جهد وتنظيم التنسيق الجميل للموقع والموضوع .
طريقة انشاء جدول متجاوب في مدونة بلوجر

أولاً كيفية اضافة جدول علي بلوجر :-

  • يمكنك أضافة جدول من خلال برامج مايكروسوفت excel و word ولكن اليوم لن نتكلم عنهما لأنة يحدث اخطاء كثيرة عند عمل جدول علي هذان البرنامجان من حيث نوع الخط الذي تستخدمة في الورد والاكسيل في عمل جدول ولا ينطبق هذا الخط علي مدونة بلوجر فيستم وضع خط تلقائي اخر عادي من مدونة بلوجر .
  • سنتخدم ثلاثة مواقع لطريقة انشاء جدول متجاوب في مدونة بلوجر بأبسط الطرق وأسهلها .

ثانياً شرح مواقع أضافة الجدول احترافي لبلوجر :-

  • الموقع الاول والذي أفضلة " tablesgenerator " بسبب سهولة أستخدام الموقع في تنسيق الجداول ولم أري أسهل من ذالك الموقع في عمل جداول منسقة الشكل واختيار ألالوان الذي أريدها وحجم الجدول علي المدونة ونوع الخط الذي يتماشي مع مدونة بلوجر في التنسيق .

1- شرح موقع " Tables Generator " في طريقة انشاء الجداول :-

  • عند الدخول للموقع ويوجد الرابط أسفل فيديو الشرح ستجد اختيارات متعددة اختار (html tables) لانها المستخدمة في كتابة بلوجر وسنضع كود الجدول من خلال Html .
عمل جدول Html Tables
سنجد قائمة بلأعلي وسنشرح كل قائمة في شرح خاص بها 
طريقة انشاء جدول لموقع بلوجر 2019
  • أولاً قائمة "File" :-
1- يمكنك من خلال "New Table" عمل جدول جديد واختيار عدد الاعمدة من خلال كلمة (Columns) ووضع الرقم الذي تريدة وكحد أقصي كعدد الاعمدة (1-20) عمود ، والخانة الاخري (Rows) وهية عدد الصفوف وكحد أقصي للصفوف (1-500) صف .
2- اذا كنت تريد ان ترفع ملف "CSV file" علي الموقع لتعدل بة .
3- "Paste table dataأذا كان معك اكواد لجدول وتريد التعديل علية في الموقع تضغط عليها وتضع اكواد الجدول .
4- "Save table" لحفظ اكواد الجدول الذي انشأتة في الموقع علي الحاسوب .
5- " Load Tabble" لرفع ملف جدول للتعديل علية في الموقع من علي الحاسوب .


  • ثانياً قائمة "Edit" :-
1- "Undo" واختصارها (Ctrl+Z) ، حيث هية الرجوع لخطوة الي الخلف عند عمل شئ لا تريدة وتريد الرجوع للخطوة الي الخلف .
2- "Repeat" واختصارها (Ctrl+Y) ، حيث انها تقدم الي خطوة للأمام الذي انت تراجعت عنها من خلال (Undo) .
عمل جدول اكثر من احترافي علي موقع tablesgenerator
  • ثالثاً قائمة "Table" :-
1- قائمة : "Set Size" تكوين عدد الصفوف والاعمدة هية أيضا في قائمة "File" من اختيار كلمة (New Table) .
2- قائمة : "Clear Table" وهية حذف كل ما تمت كتابة داخل الجدول وحذف التنسيقات والالوان وكل شئ داخل الجدول ، حيث ترك فارغ بدون أي شئ .
3- قائمة : "Transpose Table" وهية الرجوع والتقدم الي عدد الجداول التي كانت مكونة سابقاً مثل (Undo و Repeat) ولاكنها تستخدم في الجداول وليس الرجوع والتقدم في الكلمات المكتوبة او الالوان التي تمت فعلها الان .
4- قائمة : "Cell Spacing" وهية لتزويد عرض الصفوف من كلمة (Horizontal spacing) من (1-20) وطول الاعمدة من كلمة (Vertical spacing) من (1-20) بحيث يتسع تكبير وتصغير حجم الجدول .
عمل عدد صفوف واعمدة في جداول بلوجر
  • قائمة "Column" :-
قائمة : "Text Align" هية لتعديل الكلام في الوسط ، اول اليسار ، اول اليمين وهية نفسها في السهم الثاني .
قائمة : "Insert to the left" وهية تزويد أضافة اعمدة بلجانب الايسر .
قائمة : "Insert to the right" وهية تزويد أضافة اعمدة بلجانب الايمين .
قائمة : "Remove" لمسح الاعمدة .
انشاء اعمدة جدول لبلوجر 2019
  • قائمة "Row" :-
قائمة : "Insert Above" يمكنك تزويد صفوف الي الاعلي .
قائمة : "Insert Below" يمكنك من خلالها تزويد صفوف الي الاسفل .
قائمة : "Remove" لمسح الصفوف .
انشاء صفوف لبلوجر 2019
  • قائمة "Cell" :-
وهية أخر قائمة في انشاء جدول بسيط واحترافي في هذا الموقع .
قائمة رقم 1 : "Vertical align" وهية شبيهة بي "B" لعمل تثقيل علي الكلمة التي بداخل الجدول .
قائمة رقم 2 : "Mergen Cell" وهية دمج الخلايا ببعضها لتكون في خلية واحدة فقط وهية ايضاً نفس الرمز في رقم 2 .
قائمة رقم 3 : "Split Cell" وهية لفك دمج الخلايا المدموجة ونفس الرمز رقم 3 .
عمل جدول منسق وجميل لمدونة بلوجر
ومن خلال هذة التبويتات يمكنك التعديل علي الالوان واختيار الثيمات الاوتوماتيكية وحجم الخط ونوع الخط وأشياء اخري سهلة الاستخدام .
انشاء جداول بسيطة واحترافية علي موقع سهل الاستخدام
بعد عمل الجدول ننزل الي الاسفل ونضغط علي "Generate" للحصول علي الاكواد ثم الضغط علي "Copy To Clipboard" لنسخ الاكواد ووضعها في Html لموضوع بلوجر لتطبيق تنسيق الجدول .
اكواد جدول Html لمواضيع بلوجر
بعد نسخ الكود سنذهب ونتختار (Html)  بدلا من كلمة (تأليف) لموضوع بلوجر .
طريقة وضع جدول داخل موضوع بلوجر

ولكن ستجد ان الجدول لا يكون بمنتصف الموضوع لذالك عليك استبدال كود بسيط في اكواد الجدول ليكون بلمنتصف وستجد الكود والشرح في الفيديو وأسفلة تحميل الكود


2- الموقع الثاني " textfixer " لأنشاء جدول Html علي بلوجر :-

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

الموقع الثالث "divtable" للجداول الاكثر احترافية :-

يوجد بلموقع أكثر من تنسيقات واشكال كثيرة للغاية ، حيث ان هذا الموقع عند تطبيق الثيمات علي الجدول عليك ايضاً بنسخ شفرة (Css) التي تكون داخل قالب مدونتك لتطبيق الجدول الذي انت فعلتة علي الموقع ليتم تطبيق نفس الثيمات علي بلوجر لذالك هذا الموقع يعد أكثر احترافية ومعقد الاستخدام قليلاً .
موقع Divtable لأنشاء الجداول علي بلوجر

شرح عمل جداول لبلوجر 2019 بلفيديو 





الموقع الاول : Tables Generator
الموقع الثاني : Text Fixer
الموقع الثالث : DivTable
ملف كود لوضع الجدول في المنتصف
أتمني ان يكون هذا الموضوع قد أعجبكم و لا تنسوا الاشتراك في قناة رجبولة تك وزيارة موقع رجبولة تك
 مرة اخري نرحب بكم في اي وقت
تعليقان (2)
إرسال تعليق
  1. انت عامل مدونه علي بلوجر وشاري قالب علشان يكون دوت كوم ولا عامل موقع اصلا ممكن تفهمني

    ردحذف
    الردود
    1. عامل مدونة على بلوجر ، ودة قالب مدفوع وفيه منة نسخة مجانية هتلاقيها هنا ادخل هنا

      حذف

إرسال تعليق