الطريقة الصحيحة لإضافة وإستخدام خاصية اقرأ المزيد

إضافة اقرأ المزيد هي إضافة تقوم بتنسيق المواضيع بشكل تلقائي بحيث تصبح المواضيع متساوية في العرض والإرتفاع وحكم الصور وأيضاً تساهم في تنسيق طول الصفحة حتى لا تعرض الصفحات بشكل كامل فتكون طويلة

المرحلة الاولى

<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

في هذا النموذج الصورة على اليمين إن أردتها على اليسار

استبدل float:right; بـ float:lift;

واستبدل margin-left: 10px;  بـ margin-right: 10px;

أما ان اردتها في الوسط فإحذف الكودين

الأربعة أرقام في بداية الكود

1. 400 عدد الحروف الظاهرة بدون صورة
2. 300 عدد الحروف الظاهرة مع وجود صورة
3. 160 إرتفاع الصورة
4. 180 عرض الصورة

احذف الأكواد الصفراء إن لم ترد الصورة قابلة للضغط

المرحلة الثانية

ابحث عن هذا الكود <data:post.body/> وإستبدله بالتالي

<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>

المرحلة الثالثة

ابحث عن الكود التالي ان وجدته إحذفه

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>