وضع صورة بدلا من كلمة " أقرأ المزيد "

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

الهدف من موضوع اليوم

1-تغير كلمة أقرأ المزيد

2-وضع بدلا منه صورة

الخطوة الاولى:

هذا الكود لابد من وجوده بالمدونة

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

يجب أن تتأكد أن السطر الثالث يكون بهذا الشكل

<a expr:href='data:post.url + "#more"'>Read More </a>

واذا لم تجده بهذا الشكل ووجدته بالشكل التالى 

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

يرجى تغييره

إذا وجدته  فقط عليك تبديلread more بهذا الكود

<img border="0" src="Image URL"/>

وضع مكان imagr url رابط الصورة الخاصة بك

الخطوة الثانية

إذا لم تجد الكود الاول

 اتبع الخطوات التاليه

dashboard >> Layout >> Edit HTML

وتأكد من أنك علمت على

 وبعد كدة أبحث عن 

<data:post.body/>

وأضف تحته مباشرا

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >
 

  فقط عليك تبديلread more بهذا الكود

 <img border="0" src="Image URL"/>

وضع مكان imagr url رابط الصورة الخاصة بك

بعض الصور

أضغط كليك يمين وأختار copy image location

ويبقى كدة معاك رابط الصورة وحطه فى المكان بتاع الرابط فوق

إذا كنت تريد الصور شمال يمين فى الوسط

عليك وضع هذا الكود

إذا كانت للكلمة 

<p align="xxxx">Read More</p>

أو الصورة

<p align="xxxx"><img border="0" src="Image URL"/></p>

 قم بتغيير xxxx بــ

Left 

right

center 

أى استفسار أنا فى الخدمة

Posted in: تطوير المدونات