الكثير من المدونين يقومون بإضافة خاصية اقراء المزيد بمدونة بلوجر blogger بطريقة خاطة تتسبب في ثقل المدونة في الغالب ، وفي بعض الحالات ايضا قد لا تعمل الخاصية أصلا، وفي ما يلي نشرح طرقة إضافة خاصية اقرأ المزيد بالطرقة الصحيحة ، وهي إضافة تقوم بتنسيق المواضيع بشكل تلقائي دون دون التسبب في بطء المدونة، بحيث تصبح المواضيع سلسة ومتساوية في العرض والإرتفاع وحكم الصور وأيضاً تساهم في تنسيق طول الصفحة حتى لا تعرض الصفحات بشكل كامل فتكون طويلة
شرح طريقة إضافة خاصية إقرأ المزيد لمدونات بلوجر blogger بالطريقة الصحيحة
المرحلة الاولى قم باضفة هذا الكود فوق : </head>
<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;
أما ان اردتها في الوسط فإحذف الكودين
معنى الأربعة أرقام في بداية الكود
- 400 عدد الحروف الظاهرة بدون صورة
- 300 عدد الحروف الظاهرة مع وجود صورة
- 160 إرتفاع الصورة
- 180 عرض الصورة
احذف الأكواد الصفراء إن لم ترد الصورة قابلة للضغط
المرحلة الثانية
ابحث عن هذا الكود <data:post.body/> وإستبدله بالتالي :
ملاحطة : قد تجد اكثر من كود جربها جميعا
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</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 + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>