دليل المدون

2012-03-14

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

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

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

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

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



سكريبت آخر المواضيع
سكريبت آخر المواضيع
Html,javascript

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>
 

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

هناك 6 تعليقات

  1. بارك الله فيك أختي الفاضلة
    وجزيل الشكر على الكود

    ردحذف
  2. أشكرك جزيل الشكر غاليتي بس حابه أعرف كيف أسوي الأقسام اللي بلأعمده مثل اللي عندك
    لأنها ماشاء الله عجبتني اقصد المربع اللي فيه مثلا كن أحد أصدقائنا اقصد هذا الشي اتمنى فعلا اعرف اسوي مثله
    لك كل التقدير والشكر

    ردحذف
  3. e7sas mobd-3-h
    شكرا جدا لمتابعتك
    الأقسام اللي بلأعمده هذه موجودة بالقالب فممكن تختارى قالب مناسب من القوالب المعربة وتركيبيه بمدونتك

    ردحذف
  4. عبد الله
    السلام عليكم ورحمة الله ..
    في كل مرة ادخل فيها المدونة اعترف بأنني استفدت منها كثيرا
    وفقكم الله بارك الله جهودكم

    ردحذف
  5. شكرا علي هذه المعلومة القيمة
    مدونتي
    http://b2conline.blogspot.com

    ردحذف
  6. السلام عليكم
    يسرني ان اكون من متابعيكلان افضل مدونة ومكان تعليمي عرفته

    لي ملاحظة على كود جدول الصور الرأسية

    الاطار الثالث معطل او مافي اتمنى تري ايش فيه


    في الاخير تقبلي مني فائق الاحترام والتقدير لشخصك الراقي

    مدونتي http://alsahir6.blogspot.com

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون