معهد خبراء بلوجر - شرح إنشاء جدول لمدونات بلوجر

بسم الله الرحمن الرحيم

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

قصة الإضافة :

تقديرا مني للجهود المبذولة فأثناء تصفحي لمدونة كن داعياً للخير

وجدت كود بسيط لإضافة جدول وكان الجدول بهذا الشكل

http://3.bp.blogspot.com/-zjd8eV15Kj...9%87%D8%B9.jpg

ولكنني قمت بتطوير الكود الخاص بالجدول لإظهاره لك في شكل جميل ويمكنك إضافة صور به ومواضيع أيضاً , الإضافة تتكون من 4 صفوف وأربع أعمدة ! فلتكتشفه بنفسك !!

شرح إنشاء جدول لمدونات بلوجر

تابع :

1 - قم بإضافة أداة جافا سكربت كما في الصورة

http://1.bp.blogspot.com/-JSbz61ALoG...320/1+copy.jpg

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

بالقيم التي تناسب عرض مدونتك

وبكدا نكون انتهينا

أتمني أن تعجبك الإضافة

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

لمشاهدة الموضوع علي مدونة يوميات اون لاين