اضافة اقرأ المزيد

من اهم الاضافات التى يجب ان تحتوى عليها كل مدونة هى اضافة اقرأ المزيد.
هذه الاضافة تمنع تكدس صفحات المدونة وتمكن القارىء من تصفحها بسرعة وسهولة ومن ثم اختيار الموضوعات التى تهمه وقراءتها كاملة .
لاضافة اقرء المزيد للمدونة ندخل لوحة التحكم الرئيسية ثم نختار تصميم  , ثم تحرير html  ونقوم بحفظ نسخة احتياطية من القالب اولا لاستعادتها عند حدوث اى اخطاء,ثم نضع علامة فى خانة توسيع القالب ثم باستخدام لوحة التحكم (ctrl+f) نبحث عن
( head/>)
و مباشرة قبلها أي فوقها نضع هذا الكود:

<b:if cond='data:blog.pageType !=
&quot;item&quot;'>
<script type='text/javascript'>
var
thumbnail_mode = "yes"; //yes= اظهار الصورة المصغرة, no= بدون صورة مصغرة

summary_noimg = 430; //طول الموجز (عدد الاحرف) في التدوينات الخالية من الصور

summary_img = 340; //طول الموجز (عدد الاحرف) في التدوينات مع وجود صور

img_thumb_height = 150; //ارتفاع الصورة
img_thumb_width = 150; //عرض
الصورة
</script>
</b:if>
<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){
var div =
document.getElementById(pID);
var imgtag = "";
var img =
div.getElementsByTagName("img");
var summ = summary_noimg;

if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag =
'<span style="float:left; padding:0px 10px 5px 0px;"><img
src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

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

}
//]]>
</script>

الخطوة الثانية: نبحث ( Ctrl+F ) على<data:post.body/>

نحدده و نعوضه بهذا الكود :

<!-- اقرأ المزيد - البداية -->
<b:if
cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>
<b:else/>
<div
expr:id='&quot;summary&quot; +
data:post.id'><data:post.body/></div>
<script
type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>
<a class='more' expr:href='data:post.url'>اقرأ
المزيد</a>
</b:if>
<!-- اقرأ المزيد - النهاية -->

الكود منقول  من مدونة بعثرات هيوف
http://haioof.blogspot.com