no-style

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

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


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

معاينة


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

تابع معي ...

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

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


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

3 تعليقات

  1. شكرًا جزيلًا لك, لقد أفدتني كثيرًا

    ردحذف
  2. اخي الكريم هل ممكن وضع زر انتقال إلى صفحة اخرى فوق هده الصور مثل شاهد الان

    ردحذف

إرسال تعليق

أحدث أقدم