إضافة جدول الصور للموضوعات بمدونات بلوجر Blogger image table

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

سكريبت آخر المواضيع	Html,javascript	أكواد الألــــــــــــــوان
صندوق إعجاب الفيس بوك	شريط أدوات المدونة	مركز تحمـــيل

وهذا كود جدول الصور

<table width="500" border="1" cellpadding="5">

<tr>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

</tr>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

</table>
<a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank"> Get it here </a>

يمكن رفع الصور بروابط مباشرة من هنـــــااااااا
ووضع رابط الصور بالمكان المخصص لها فى الكود
ويفضل كتابة إسم للصورة لتحسين أرشفتها بمحركات البحث للصور
يمكن التحكم فى عدد خلايا الجدول الأفقية أو عدد أعمدة الجدول عن طريق الآتى:
كل خلية من خلايا الجدول يعبر عنها بهذا الكود فبتكراره تزيد من عدد الخلايا الأفقية

<td align="center" valign="center">
<img src="رابط الصورة"width="115",height="115" alt="إسم الصورة" />
<br />
أكتب النص هنا
</td>

  يمكن أيضا التحكم بطول وعرض الخلية بتغيير قيم الطول والعرض width &hight
يمكن زيادة عدد الصفوف من خلال الآتى:
يعبر الكود  <tr/> عن صف جديد بمعنى أن ما يكتب أسفل منه يظهر بصف جديد ويعبر الكود <td/> عن خلية أفقية أى ما يكتب أسفل منها يظهر بجانب ما يكتب قبلها بشكل أفقى

يمكن أيضا عمل جدول بهذه الطريقة الصورة وبجوارها النص 

	تابع مدونة كن داعيا للخير على الفيس بوك
	تابع مدونة كن داعيا للخير عبر Rss
	تابع مدونة كن داعيا للخير عبر تويتر

Get it here


وهذا كود جدول الصور الرأسية   

<table width="500" border="1" cellpadding="5">

<tr>

<td align="center" valign="center">

<img src="رابط الصورة"width="70",height="70" alt="إسم الصورة" />
</td>

<td align="center" valign="center">
أكتب هنا النص مع تحيات مدونة كن داعيا للخير
</td>

</tr>
<td align="center" valign="center">

<img src="رابط الصورة"width="70",height="70" alt="إسم الصورة" />
</td>

<td align="center" valign="center">
أكتب هنا النص مع تحيات مدونة كن داعيا للخير
</td>

</tr>
<td align="center" valign="center">

<img src="رابط الصورة"width="70",height="70" alt="إسم الصورة" />
</td>

<td align="center" valign="center">
أكتب هنا النص مع تحيات مدونة كن داعيا للخير
</td>

</table>
<a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank"> Get it here </a>

 

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة