الطريقة الصحيحة لأضافة اقراء المزيد للمدونة لتنسيق شكل المدونة

اضافة خاصية اقراء المزيد او اكمل اقراءة من اهم الأضافات بالنسبة للمدونة فبدون هذه الاضافة تجعل شكل المدونة غير مناسب للزائر وغير منسقة وتجعل تحميل صفحة المدونة تفتح ببطى جدا مما يؤدى الى فقدان الزوار عن المدونة بسبب ثقل المدونة والسبب الرئيسى فى ذلك ظهور جميع المواضيع وبالمحتوى الكامل بالصفحة الرئيسية فهذا يؤدى الى ثقل المدونة الان يجب ان نضيف هذه الاضافة بالمدونة لجعل شكل المدونة مناسب وتخفيف الحمل بالصفحة الرئيسية اعذرونى لقد بحث عن الطرق المناسبة وللاسف لم اجد الطريقة المثالية لكى تعمل بشكل صحيح فلذلك قررت بأن اضع لكم الطريقة الصحيحة وهذه الطريقة اقتبستها من احدى المدونات الاجنبية وتم تجربتها على المدونة التجربية الذى يحمل قالب رئيسى افتراضى وبالفعل الاضافة تعمل بشكل صحيح وبدون اخطاء تعالو نتعرف سويا على هذه الطريقة قبل كل شيى قم باخذ نسخة احتياطية من قالبك ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير
  HTML

الان اضغط على زر متابعة

الان قم بتوسيع القالب كما واضح لتا بالصورة التالية

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

</head>

اضف قبله مباشرة هذا الكود :

 <script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</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){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    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>

ملحوظة :

 summary_noimg = 250; هذا يدل على عدد الأحرف بدون وجود صورة بالصفحة الرئيسية
summary_img = 200; هذا يدل على عدد الاحرف عند وجود صورة بالصفحة الرئيسية
img_thumb_height = 150; هذا يدل على ارتفاع الصورة
img_thumb_width = 150; هذا يدل على عرض الصورة 

الان ابحث مرة اخرى عن هذا الكود :

 <data:post.body/>

ثم قم بأستبدالة بهذا الكود :

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'> اقراء المزيد</a>
</div>
</b:if>
</b:if>

انتهى الشرح وتم تركيب الاضافة بأمكانك ان تضغط على زر معاينة قبل الحفظ لتشاهد النتيجة
فى النهاية ارجو بأن هذه التدوينة اعجبتكم (( لا خير فى كاتم العلم ))