إضافة صورة بجانب عنوان التدوينة

إضافة صورة بجانب عنوان التدوينة

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

درس اليوم أخي الكريم هو عن كيفية وضع صورة بجانب عنوان موضوعك مما يعطي للموضوع جمالية و للمدونة إحترافية، و لكي لا أطيل عليك أتركك مع الشرح.
Image Post
لنقوم بهذه العملية إتبع الخطوات التالية :
يمكنك مشاهدة الإضافة من هناDemo
1- يجب أن تكون لديك صورة صغير، قد وضعت هذه الصورة إن أعجبتك حملها على مدونتك و ستخدمها أو إبحث عن صورة تعجبك بنفس الحجم أو أقل ليبدو منظرها مناسبا.
mypencil
2- قم بالدخول لمدونتك من تصميم / تحرير HTML / قم بحفظ نسخة من المدونة / قم بتوسيع القالب.
3- إبحث عن الكود التالي

<a expr:href='data:post.url'><data:post.title/></a>

4- ثم إستبدله بهذا الكود

<a expr:href='data:post.url'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaiJrvLAeTsKHsZ2qH17aM0Jm2H2JtB105CBNcrad_LFAfs0Mq4BDpmNuoRuhwe4DajH1woDS1kfVOh-_rHNhVFapln_xhVDvQNGMUzqMC0FqEsVPMv8tJ_6PN-apy599qI4T3xrvuL30/s400/mypencil.jpg"/> &#160; <data:post.title/></a>
اللون الأحمر هو مكان وضع الصورة
5- قم بحفظ القالب
6- الأن كل مواضيعك بالمدونة سيكون بجانبها الصورة التي إخترتها.


تحياتي لك و إلى موضوع أخر إن شاء الله
إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك 5 تعليقات:

  1. شكراً جزيلاً =) أستفدت من الموضوع ^_^

    ردحذف
  2. @هديل الحمام العفو أختي هديل

    و مرحبا بك بيننا

    ردحذف
  3. يوجد الكثير من كود البحث ماذا افعل

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

    ردحذف
  5. لم اجد الكود ارجو الحل

    ردحذف