الثلاثاء، 6 سبتمبر 2011

استبدال عبارة "اقرأ المزيد" بصورة أكثر تعبيرا في مدونتك

كما هو معروف ، فإنه يمكنك في مدونات بلوجر أن تقسم تدوينتك إلى  جزئين ، جزء يظهر للقارئ في الصفحة الرئيسية أو صفحة التسميات والأرشيف ، وباقي التدوينة مختفية لا يستطيع القارئ مشاهدتها إلا بالضغط على رابط "قراءة المزيد".

قد تكون تلك العبارة غير واضحة للقارئ ، فيفوته باقي التدوينة التي كتبتها.
لذلك قد تود في استبدال تلك العبارة بصورة تكون أكثر وضوحا كما في الصورة المقابلة.



لفعل ذلك اتبع التالي:
1- قم برفع الصورة (التي تريد وضعها) إلى أي موقع من مواقع الرفع.

2 - ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com

3- اضغط على رابط "تصميم" أو "design" بجانب مدونتك

4- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"


5- ابسط اكواد القالب عن طريق وضع علامة صح في المربع "توسيع عناصر قوالب واجهة المستخدم" كما بالصورة:

(اضغط على الصورة لتكبيرها)

6- الان ابحث عن الجزء التالي (اضغط crtl+F للبحث) :

<data:post.jumpText/>
واستبدله بالكود التالي:
<img alt='اقرأ المزيد' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2WszKaqP2eH70a0-3wN7826B_FZIXevx6zjjS_cb5cIDgQGUcrd5LZjSR3zJR0_JEHrx9N5bGM7dgiquTE-B-CFpVCwGQ4fndComMgLL-716E0D-S-lMsoDqPED8CgqtzJ8NYUIU2GTo/s1600/read+more.png' style='border:0px;'/>
وقم بتغيير الجزء الملون من الكود برابط الصورة التي تريدها  أو أتركه  كما هو
7- اعمل "حفظ القالب"

تمـ .

http://www.blogger-zoom.com/2011/07/replace-read-more-with-image.html

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

إرسال تعليق