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

افضل طريقة  لإضافة جدول في منشور مدونة بلوجر

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

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

هل تبحث عن أفضل طريقة لإضافة جدول عند كتابة منشور مدونة في Blogger  ؟ 

إذا كانت مدونتك مستضافة على Blogger ، فلا يمكن إضافة أي مكون إضافي خارجي لإدراج جداول لمنشوراتك , لكن مع WordPress هناك العديد من المكونات الإضافية المتاحة التي يمكنك من خلالها  إنشاء جدول بكل بساطة . 

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

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

كود HTML لإضافة جدول في منشور مدونة بلوجر : 

                                                                                                                                             /// 

<style>  

#simple_table {   

	font-family: arial, sans-serif;   

	 border-collapse: collapse;   

	 width: 100%;   

	background-color: #ffffff;   

	color:black;   

}   

#simple_table td, #simple_table th {   

	 text-align: center;   

	 padding: 8px;    

	 border: 1px solid #808080;   

}    

#simple_table tr:nth-child(even) {    

	background-color: #dddddd;    

}    

#simple_table tr:hover {    

	background-color: #ffff99;    

}    

#simple_table tr > th    

{     

	background: #1b90bb;     

	 color: #ffffff;     

}     

</style>      

 <table id='simple_table' >     

<tr>      

	<th>حلم للمعلومات  1</th>      

	<th>حلم للمعلومات  2</th>      

	<th>حلم للمعلومات  3</th>     

</tr>       

<tr>       

	<td>hulm 1</td>       

	<td>hulm 1</td>        

	<td>hulm 1</td>       

<tr>        
</tr>        
	<td>hulm 2</td>        

	<td>hulm 2</td>       

	<td>hulm 2</td>       

<tr>        

</tr>       
	<td>hulm 3</td>       

	<td>hulm 3</td>      

	<td>hulm 3</td>      

<tr>        

</tr>       

</table>       

///    

1. ماهي خطوات إدراج جدول في منشورمدونة بلوجر ؟
2. قم بتسجيل الدخول على حسابك في Blogger .
3. انتقل الى لوحة التحكم الرئيسية  في بلوجر .
4. افتح مشاركة جديدة - قم بكتابة محتوى المشاركة الذي تريد الكتابة عنه .
5. قم بوضع مؤشر الكتابة في المكان الذي تريد إضافة الجدول فيه , بعد ذلك قم بعمل نقاط  (.......................) .
6. افتح محرر النشر الموجود في الزاوية اليمنى العليا , غير عرض وضع الإنشاء الى عرض HTML.
7. إبحث عن النقاط التي أضفتها داخل المحتوى , ثم الصق كود ال HTML مكان هذه النقاط .
8. بعد إضافة الكود - انتقل مرة اخرى الى عرض وضع الإنشاء , سيتم عرض الجدول الخاص بك , يمكنك تعديل المحتوى داخل الجدول بالبيانات التي تريدها بكل بساطة .
9. بعد كل هذه الخطوات  ، تكون انتهيت من إنشاء جدول لمشاركتك على Blogger.

لتغيير خصائص الجدول يمكنك تعديل كود ال HTML كما يلي :

 

الشكل 1

1. لتغيير نوع الخط قم بتغيير arail بأي نوع تفضله.
2. لتغيير لون الخط المحتوى داخل الجدول - غير اسم لون الخط black بأي لون آخر .
3. لتغيير محاذاة النص داخل الجدول - غيرcenter  بأي محاذاة تريدها .(  يمين right - توسيط center - يسار left ) .
4. لتغيير عرض الصفوف - غير 8px بأي رقم آخر .
5. لتغيير سمك الحدود - غير 1px بالسمك الذي تفضله .

الشكل 2

1. يمكنك تغيير اي كود خاص بالالوان بإسماء الالوان  ماعليك سوى حذف الكود مع رمز المربع # وكتابتها باللغة الإنجليزية .
2. لتغيير الوان الصفوف الفردية - غير هذا الكود dddddd#  باللون الذي تريده مثال على ذلك grey .
3. لتغيير لون الصف عند تمرير الماوس عليه - غير الكود ffff99 # باللون الذي تريده .
4. لتغيير لون عناوين الاعمدة في الجدول - غير هذه الكودffffff# باللون الذي تريده . 

الشكل 3

في هذا الشكل يمكنك إضافة وحذف أعمدة وصفوف الجدول ماعليك سوى اتباع الاتي :

1. السهم (1)
2. لتغييرعناوين الاعمدة ماعليك سوى تغيير كلمة (حلم للمعلومات ) بالعنوان الذي تريده للعمود حسب المحتوى الذي ستنشئه في هذا الجدول .
3. لإضافة عمود - عد لوضع عرض الHTML - قم بنسخ هذا السطر<th> حلم للمعلومات3 </th> - ثم الصقه في السطر الرابع قبل علامة <tr> وبهذا تكون اضفت عمود جديد .  
4. لحذف عمود - عد لوضع عرض الHTML - قم بتحديد سطر العنوان الذي تريد حذفه كما موضح في السهم رقم(1) - حذف .

1. السهم (2)
2. لإضافة صف جديد في الجدول انسخ الاسطر  الموضحة بالسهم رقم (2)- ثم الصقها بعد نفس هذه الأسطر قبل علامة <tr> , وبهذا تكون قد اضفت صف جديد لجدولك , كما في الصورة ادناه . 

لحذف اي صف في الجدول - حدد الصف الذي ستحذفه بداية من علامة </tr> وانتهاء ب <td>hulm 1</td> - بهذا تكون حددت أي صف تريد حذفه -بعد ذلك قم بالحذف .

بعد استخدام كود ال HTML لإنشاء جدول - قم بالعودة الى عرض وضع الإنشاء - سيكون شكل الجدول كما في الصورة التالية :

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

هذا شكل الجدول عند التنفيذ (المعاينة ) كما في الصورة أدناه  :

لتعديل خصائص هذا الجدول من ناحية التصميم - عليك العودة لمحرر النشر - وضع عرض الHTML - عدل في التصميم من حيث الالوان واضافة الاعمدة والصفوف كما تشاء .

تكون بهذه الطريقة نجحت في إدراج جدول في منشور مدونة Blogger بإستخدام كود الHTML, تعتبر أفضل طريقة لإضافة جدول في منشور مدونة بلوجر Blogger Post.

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

إقرأ أيضاً: نصائح وتوصيات كيفية اختيار اسم مجال رائع لمدونتك.

إقرأ أيضاً: دليل ال 5 خطوات لكيفية كتابة عناوين رئيسية قوية دائما.

اسئلة متداولة عن كيفية إدراج جدول في منشور مدونة blogger 

ماهي أفضل طريقة لإدراج جدول داخل أي مشاركة في بلوجر ؟
استخدام كود برمجي HTML كما هو موضح في الشرح أعلاه .

هل يمكنني تغيير خصائص الجدول من حيث اللون وعدد الاعمدة والصفوف ؟
نعم , كما موضح في الشرح أعلاه .

هل يمكنني إضافة أكثر من جدول باستخدام أكواد الHTML في مقال واحد ؟

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

هل استخدام كود HTML لإضافة جدول في مقال مدونة يؤثر على سرعة المدونة ؟

إطلاقاً لا يؤثر هذا الكود على سرعة المدونة .