استراحة المدونة
أسهل طريقة لإدراج جدول في مدونة بلوجر
اسهل طريقة لإدراج جدول في مدونة بلوجر
بعد ان بحثت وجربت طرق كثيرة على شبكة الانترنت لإضافة جدول في مدونة بلوجر ( كهذه المدونة التي تقرأ فيها هذه المقالة) ،وجدت كل هذه الطرق صعبة ومعقدة بعض الشيء مما دفعني الى التفكير بطريقة اسهل فقمت بتطوير وتسهيل ما تعلمته من الطرق الموجودة وابتكار هذه الطريقة الميسرة الى حد كبير ، فإذا كنت تبحث عن اسهل الطرق فعلاً فأنت في المكان الصحيح.
أولاً: إدراج جدول 3*3
في البداية ستقوم بإدراج جدول من 3 صفوف و3 أعمدة ثم بعد ذلك يمكنك تعديل عدد صفوفه وعدد اعمدته بسهوله، ولعمل ذلك اتبع الخطوات التالية:
1- انسخ الاكواد البرمجية التالية مع سطري النجمات العلوي والسفلي:
******************************
<table class="tg" style="text-align: center;">
<thead>
<tr>
<th class="tg-0lax" style="text-align: right;">خانة11</th>
<th class="tg-0lax" style="text-align: right;">خانة 12</th>
<th class="tg-0lax" style="text-align: right;">خانة13</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0lax" style="text-align: right;">خانة 21</td>
<td class="tg-0lax" style="text-align: right;">خانة 22</td>
<td class="tg-0lax" style="text-align: right;">خانة 23</td>
</tr>
<tr>
<td class="tg-0lax" style="text-align: right;">خانة 31</td>
<td class="tg-0lax" style="text-align: right;">خانة 32</td>
<td class="tg-0lax" style="text-align: right;">خانة 33</td>
</tr></tbody></table>
****************************
ملاحظة: سطري النجمات العلوي والسفلي الغرض منهما سهولة معرفة اكواد الجدول في وضع الـ HTMLفقط وستقوم بحذفهما في النهاية.
2- افتح وضع الـ HTML للمشاركة التي تريد ادراج الجدول فيها والصق الاكواد السابقة في المكان المطلوب.
3- بدل وضع المشاركة الى وضع الانشاء ، وسيظهر لك الجدول كما يلي:
ثم قم بتعديل كلمة خانة الى الكلمات التي تريد واحفظ التغييرات ، وسيظهر لك الجدول عند عرض المدونة كما يلي:
4- إذا اردت تغيير مظهر الجدول، اتبع الخطوات التالية:
أ- افتح وضع الـ HTML للمقالة وانسخ اكواد الجدول ( والتي ستكون بين سطري النجمات).
ب- اضغط هنا للدخول الى موقع Tables Generator.
جـ- من القائمة File اختر Paste table data ثم الصق الاكواد في الواجهة التي ظهرت لك ثم اضغط على Load اسفل الواجهة.
د-من تبويب HTML اضغط على Theme ستظهر واجهة فيها العديد من المظاهر ، اختر المظهر الذي تريد واضغط على Close اعلى الواجهة.
هـ- اضغط على ايقونة Generate اسفل الجدول ثم على ايقونة Copy to clipboard تكون بذلك قد نسخت اكواد الجدول بالمظهر الجديد.
و- اذهب الى وضع الـ HTML للمقالة واستبدل اكواد الجدول القديم ( والتي ستكون بين سطري النجمات) بالاكواد الجديدة، وسيظهر الجدول بمظهر جديد كالمظهر التالي:
ثانياً: توسيع الجدول
اذا تريد إضافة صفوف او أعمدة للجدول فما عليك الا اتباع الخطوات التالية:
1-لإضافة صف انسخ الثلاثة الاسطر الاخيرة من اكواد الجدول مع الوسم <tr> الواقع فوقها والوسم <tr> الواقع تحتها، اي انسخ الاكواد التالية:
2- الصق الاكواد تحت اخر وسم <tr> من اكواد الجدول، ثم احفظ التغييرات وستكون بذلك قد اضفت صف رابع للجدول وسيظهر الجدول كما يلي:
3- ولإضافة عمود انسخ اخر سطر من كل مجموعة اسطر محصورة بين وسمين <tr> ثم الصقه تحته مباشرة، ثم احفظ التغييرات وتكون بذلك قد اضفت عمود رابع للجدول وسيظهر كما يلي:
وهكذا يمكنك إضافة أي عدد من الصفوف او الاعمدة، وكذلك يمكنك حذف صف او عمود بحذف الاكواد السابقة بدلا من نسخها وإعادة لصقها.
للمزيد من الايضاح شاهد الفيديو التالي :
***********************
***********************
Happy New Year 2021 Vectors by Vecteezy
ردحذف