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


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

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

درس اليوم أخي الكريم هو عن كيفية وضع صورة بجانب عنوان موضوعك مما يعطي للموضوع جمالية و للمدونة إحترافية، و لكي لا أطيل عليك أتركك مع الشرح.
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/AVvXsEgMhYE0xQpxwMVjsE8XLZ36pHqD2aAyxL04bTtia_escXX-uaHJfrn2y5ge3oSonzBEHa1pJa8QHMJEWd-Cy49bomaY7vbA8qVDybgqXarWnW1XxRZItH4y_tNOVU5W5UMUaKueABRRxh4/s400/mypencil.jpg"/> &#160; <data:post.title/></a>
اللون الأحمر هو مكان وضع الصورة
5- قم بحفظ القالب
6- الأن كل مواضيعك بالمدونة سيكون بجانبها الصورة التي إخترتها.


تحياتي لك و إلى موضوع أخر إن شاء الله

0 comments:

Post a Comment