كيفية محاذاة الصور جنبا إلى جنب داخل الموضوع في بلوجر

السلام عليكم ورحمة الله تعالى وبركاته

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

معاينة

كيفية محاذاة الصور جنبا إلى جنب داخل الموضوع في بلوجر

تابع معي ...

أولا - توجه الى لوحة التحكم مدونتك  من هنا 
2 - المشاركات >> مشاركة جديدة >>

3 - أنسخ الكود التالي والصقه في وضع Html في محرر المشاركات.

<table>
  <tr>
    <td><img border="0" width="120px" height="120px" src="IMAGE 1 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 2 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 3 LINK HERE" /></td>
  </tr>
</table>

للتعديل على الاضافة

تغيير IMAGE 1 LINK HERE برابط صورة

تغيير حجم الصورة الارتفاع والعرض عن طريق تغيير القيمة 120. 

إذا كنت تريد إضافة المزيد من الصور في سطر واحد، أنسخ وألصق أسفل الرمز <td> .

<table>
  <tr>
    <td><img border="0" width="120px" height="120px" src="IMAGE 1 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 2 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 3 LINK HERE" /></td>
   <td><img border="0" width="120px" height="120px" src="IMAGE 4 LINK HERE" /></td>
   <td><img border="0" width="120px" height="120px" src="IMAGE 5 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 6 LINK HERE" /></td>
  </tr>
</table>

تم بحمد الله ...


أي أسئلة أوإستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع