بسم الله الرحمن الرحيم
اليوم أشرح لكم كيفية إضافة جدول لمدونات بلوجر , وتستطيع إستخدام هذا الجدول لإستخدامات كثيرة
قصة الإضافة :
وجدت كود بسيط لإضافة جدول وكان الجدول بهذا الشكل
ولكنني قمت بتطوير الكود الخاص بالجدول لإظهاره لك في شكل جميل ويمكنك إضافة صور به ومواضيع أيضاً , الإضافة تتكون من 4 صفوف وأربع أعمدة ! فلتكتشفه بنفسك !!
شرح إنشاء جدول لمدونات بلوجر
تابع :
- 1 - قم بإضافة أداة جافا سكربت كما في الصورة
- 2 - قم بوضع الكود التالي بها مع تغيير اسم الموقع ورابط الموقع ورابط الصورة بما يتناسب مع إضافتك ومدونتك
الكود :
<center>
<table border="3">
<tr align="Center">
<td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
</tr>
<tr align="Center">
<td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
</tr>
<tr align="Center">
<td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
</tr>
<tr align="Center">
<td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
</tr>
</table>
</center>
نهاية الكود
لإضافة صف كامل جديد
قم بوضع هذا الكود
<tr align="Center">
<td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
<td> <td>
<img src="رابط الصورة" height="125" width="125" />
<center><a href="رابط الموقع/"> اسم الموقع
</a> </center>
</td> </td>
</tr>
قبل هذا الكود
</table>
</center>
في أخر الكود الكامل
ولتغيير عرض الخلية وطولها قوم بتغيير
height="125" width="125
بالقيم التي تناسب عرض مدونتك
وبكدا نكون انتهينا
أتمني أن تعجبك الإضافة
لو في حاجة وقفت قدامك اذكرها في تعليق وأنا ان شاء الله هساعدك
لمشاهدة الموضوع علي مدونة
يوميات اون لاين