 |
| Adding images horizontally in Blogger |
بسم الله الرحمن الرحيم
مقدمة إفتتاحية
لاحظنا أن هناك بعض الأخوة البلوجرز ممن يرغبون في إضافة جماليات أكثر عند كتابة المقالات والمواضيع المختلفة وذلك عبر إضافة كل ما يعطي طابع إحترافي ومميز لصفحة عرض المقالات.
فمنهم مثلاً من يبحث عن إضافات كجدول المحتوى ، تقييم الهواتف ، صناديق الاكواد ... إلخ ومن ضمن هذه الإضافات إضافة مميزة والأصح كود معين بسيط يُمكنك من عرض الصور بجوار بعضهم البعض بشكل أفقي وهذا بدلاً عن عرضهم بالشكل الطبيعي ألا وهو الشكل العامودي ، وكما يتضح لك في المعاينة التالية أننا قمنا بإضافة ثلاثة صور بجوار بعضهم البعض بشكل أفقي.
وهذا عبر إستخدامنا لكود HTML بسيط مع خاصية display flex بلغة Css ، كي لا نطيل عليك ستجد الكود في ملف بإمكانك تحميله من ميديا فاير بنهاية المقال كل ما عليك فعله هو إستبدال روابط الصور بما يناسبك ثم إضافة الكود في مقالك عبر HTML.
ونرجو منك إلتماس المعذرة عن إستخدامنا لروابط الإختصار فهذا هو مصدر رزقنا ، كما أنه يمكنك معرفة كيفية تخطي روابط الإختصار.
معاينة الصور بشكل أفقي
كما ترى الصور بشكل أفقي كما يلي:
تحميل الكود
لكيفية تخطي روابط الإختصار إضغط هنـــا.
تعليقات
إرسال تعليق