افضل الطرق لاستخدام واضافه >>اقراء المزيد<< لمدونتك حصريه ومجربه

                               افضل الطرق لاستخدام واضافه >>اقراء المزيد<< لمدونتك حصريه ومجربه

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

علينا اولا أن نعرف أن هناك إضافتين لاضافه اقرأ المزيد

 الأولى: المدمجة عن طريق بلوجر والتي يتم وضعها يدويا بالضغط على الرمز الخاص بها في صندوق كتابة الرسائل

 والثانية: هي الإضافة التلقائية وهي المنتشرة في كل المدونات تقريبا لكل منهما مميزات وعيوب

مميزات الإضافة الأولى:

 أنها تكون فاصل يعفي الزائر من تحميل الموضوع بالكامل

عيوب الاضافه الاولى:

أنها غير منسقة فكل موضوع يكون بحجم مختلف بحسب ما تكتب او تدون انتا

مميزات الاضافه الثانيه:

  أنها منسقة وممتازة في جعل شكل المدونة رائع

عيوب الاضافه الثانيه:


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

لذا الحل الأمثل هو دمج الإضافتين معاً ناخذ مميزات كل واحدة ونترك العيوب ليكون الناتج إضافة مثالية

اولا:ناخذ أولا نسخة إحتياطية من قالبك لتجنب اى مشكلات

ثانيا:أدخل على تحرير القالب وعلم على خانة توسيع العناصر

ثالثا: ابحث عن هذه الكلمه 
                                      </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:right; padding:0px 0px 5px 10px;"><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>
...................................................................................................................................................................

                                    << ولجعل الصوره على اليسار ركب هذا الكود>>

<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>
...................................................................................................................................................................

                                  << ولجعل الصوره فى الوسط ركب هذا الكود>>

<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 = '<div class="separator" style="clear: both; text-align: center;"><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>

...................................................................................................................................................................

رابعا: نبحث عن هذا الكود      <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:left;margin-left:10px;margin-top:15px;'>
<a expr:href='data:post.url'>إقرأ المزيد</a>
</div>
</b:if>

</b:if>
............................................................................................................



                     وهذه مجموعه صور جاهزه للتحميل المباشر

                                         


                                                   للتحميل اضغط هنا

                                                دمتم فى رعايه الله
افضل الطرق لاستخدام واضافه >>اقراء المزيد<< لمدونتك حصريه ومجربه افضل الطرق لاستخدام واضافه >>اقراء المزيد<< لمدونتك حصريه ومجربه بواسطة petroleum Engineer في 12:15:00 م تقييم: 5
يتم التشغيل بواسطة Blogger.