كيفية تغير كلمة "المزيد من المعلومات" بصورة

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

أهلا بكم في مدونة إحترف 

موضوعنا اليوم إنشاء الله هو

"كيفية تغير كلمة المزيد من المعلومات بصورة"

أول خطوة يجب توفر أيقونة أو صورة صغيرة مكتوب فيها أية كلمة تذل على المزيد أو إقرأ المزيد 

ويجب ان تكون الصورة صغيرة أبعادها 50x50

لذالك أحظرت لكم موقع لصنع أيقونات ويدعم العربية إسم الموقع هو 

ملاحضة : يمكنك إختيار زر من الموقع أو يمكنك صنعه بنفسك

بعد الدخول إلى الموقع إختر الزر الذي يعجبك من قائمة الأزرار مثلا انا إخترت هذا الزر

بعد إختيارك لزر المطلوب إضغط عليه  تضهلر هذه الصفحة فنختار نوع الخط من الايفونة المشار لها بسهم

الآن وبعد الضغط على الأيقونة التي ثم تحديدها بسهم تظهر هذه الصفحة فنختار قائمة أنواع الخطوط

انا إخترت قائمة يونيكود عربي  

فبعد الضغط عليها يضهر العديد من أنواع الخطوط العربية إختر أي خط يناسبك

أنا إخترت هذا الخط

الأن بعد إختيار الخط نرجع تلقلئياً إلى هذه الصفحة

عدل لون الأيقونة وشكلها من هذه الواجهة

فبعد التعديل حصلت على هذه الايقونة

فعندما تنتهي إضغط على زر "Render Button" 

الذي يوجد في الأسفل

وبعد الضغط عليه إضغط على "تحميل صورة"

الآن بعد تحميل الصورة إرفعها على أي موقع رفع و يفضل ان ترفعها على Picasa الموجود في blogger

 لأنه يحتفض بالصور للأبد

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

الان إتبع المسار التالي 1 تصميم -2 تحرير html  -

3  إضغط على أمربع توسيع القالب

بعد ذالك إضغط من لوحة المفاتيح على الأزرار Ctrl + f

وكتب في مربع البحت 

<data:post.jumpText/>

  

كما في الصورة 

عندما تجده إستبدله بهذه

<img src='قم بلصق رابط الصورة التي رفعتها على بيكاسا هنا' style='float:left;'/>

  

بعد ذالك إحفض القالب

وهكذا تظهر النتيجة 

هنا أنتهي و لأي إستفسار أنا هنا