في رأيي أن روابط التنقل بين الصفحات أسفل المدونة تخرب من جماليتها , لماذا لا نستبدل هذه الكلمات التقليدية بصور جميلة , في درسنا هذا سنتعلم طريقة إستبدال "رسائل أحدث & الرئيسية & رسائل أقدم" بصور لتزيد من جمالية مدوناتنا .
الخطوة الأولى : بعد تسجيل الدخول إلى Blogger قم بالتوجه إلى الرئيسية >> تصميم >> تحرير HTML :
الخطوة الأولى : بعد تسجيل الدخول إلى Blogger قم بالتوجه إلى الرئيسية >> تصميم >> تحرير HTML :
الخطوة الثانية : التأشير على "توسيع قوالب عناصر واجهة المستخدم" :
الخطوة الثالثة : نبحث عن الكود التالي :
<data:newerPageTitle/>الخطوة الرابعة : نستبدله بهذا الكود :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vmq7GSssVYJlwqOqZZ396NbdQxd47zYyUKzQetIxAgCQvte0Stz5HT5sAfKWjFswYlG9ykjMB_d0SsRlBuxR4iuhaq9tH2ja_oogAdwCBwxVxs3LxEqf5fa2KRHw4xmi9GzkT-bHcQw/s1600/Movies.png"/>بهذا نكون قد إستبدلنا كلمة "رسائل أحدث" بالصورة التي في بداية الموضوع .
الخطوة الخامسة : نبحث عن الكود التالي :
<data:olderPageTitle/>الخطوة السادسة : نستبدله بهذا الكود :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpN_KxU4DsygmtoWWha3QjW67SN9btpuqFAkvKdNUzNEyooPPdrlky3hFZ37IKJGG1hJwZkEW0wmam1LtyqWn8Y-3wtjnT_r-Q6zrIcH-k6MmgOLi6-0IWPfy0Y5BYbqEzKQ0-jZKox-I/s1600/Movies2.png"/>بهذا نكون قد إستبدلنا كلمة "رسائل أقدم" بالصورة التي في بداية الموضوع .
الخطوة السابعة : نبحث عن الكود التالي :
<data:homeMsg/>ملاحظة : هناك كودين بهذا الإسم يجب إستبدال الإثنين بالكود التالي :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsU-u59HXoG8ubPQYzP007dTxDr67QCpOgZeBoAcsLDzpFzjsSXVjdGbCMP-RxUjNv7lcoUtfFoh_NuMwFZVs2ilCOgJRaHrhABhNGg9Qx1DrsZ2n52aZ1YjI_QROnt8lKYK0rp3ZKzeg/s1600/Home.png"/>سؤال : أنا لم تعجبني الصور التي قمت بإستبدالها وأريد إستعمال الصور التي لدي , كيف يمكنني فعل ذلك ؟
جواب : الأمر بسيط الكود الذي نستبدل به الكلمات السابقة واحد مع إختلاف الصورة , يمكنك رفع الصورة الخاصة بك وإرفاقها بالكود التالي :
<img src="http://DIRECT_LINK_OF_YOUR_IMAGE.jpg"/>قم بإستبدل الرابط باللون الاحمر بالرابط الصورة الخاصة بك , أرجو أن يكون الدرس واضح , في حال كان هناك أية إستفسارات فقوموا بإدراجها في التعليقات :)
ملاحظة : في هذه الأوقات تظهر رسالة الخطأ bX-67oaj1 في حال قمت بإستبدال الكلمات بصور .. هذا الخطأ يظهر فقط في الصفحة الرئيسية لكن باقي الصفحات تعمل الإضافة بشكل صحيح .. أرجو أن يكون هذا الخطأ كالخطأ bX-f0hw1h الذي تم حله في فترة وجيزة



0 التعليقات:
إرسال تعليق