أمن المعلومات - الأمن السيبراني - دليل شامل

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

 معكم  نالي محجوبة  اليوم موضوعنا هو : كيفية اضافة جدول جميل الى  بلوجر باستخدام Bootstrap 

طريقة اضافة جدول الى مدونة بلوجر بشكل احترافي

1-اذهب الى  لوحة التحكم  Dashbord

2-ثم انقر على المظهر 

3-بعد دلك  انقر على تعديل  HTML.

4- بعد دلك قم بالضغط على   Ctrl + F  واكتب في خانة البحث head

5-اضف تحت head  هدا الكود أسفله 

6-احفظ كود HTML.

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />

جدول بسيط

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

<table class="table table-striped"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Handle</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table>

كلمة اخيرة 

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