Page Nav

HIDE

Gradient Skin

Gradient_Skin

آخر التحديثات

latest

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

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

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


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

معاينة


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

تابع معي ...

أولا - توجه الى لوحة التحكم مدونتك  من هنا 
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>

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


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

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