السبت، 2 فبراير، 2013

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

اضافة خاصية اقراء المزيد او اكمل اقراءة من اهم الأضافات بالنسبة للمدونة فبدون هذه الاضافة تجعل شكل المدونة غير مناسب للزائر وغير منسقة وتجعل تحميل صفحة المدونة تفتح ببطى جدا مما يؤدى الى فقدان الزوار عن المدونة بسبب ثقل المدونة والسبب الرئيسى فى ذلك ظهور جميع المواضيع وبالمحتوى الكامل بالصفحة الرئيسية فهذا يؤدى الى ثقل المدونة الان يجب ان نضيف هذه الاضافة بالمدونة لجعل شكل المدونة مناسب وتخفيف الحمل بالصفحة الرئيسية اعذرونى لقد بحث عن الطرق المناسبة وللاسف لم اجد الطريقة المثالية لكى تعمل بشكل صحيح فلذلك قررت بأن اضع لكم الطريقة الصحيحة وهذه الطريقة اقتبستها من احدى المدونات الاجنبية وتم تجربتها على المدونة التجربية الذى يحمل قالب رئيسى افتراضى وبالفعل الاضافة تعمل بشكل صحيح وبدون اخطاء تعالو نتعرف سويا على هذه الطريقة قبل كل شيى قم باخذ نسخة احتياطية من قالبك ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير
  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>

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

هناك 9 تعليقات :

  1. عواافي اخوي على هذي الأضافه المفيده فخير مثال هيا مدونتك بتنسيقها للمواضيع لكن استفسار اخي هل استطيع تنسيق القالب ومعرفت الأكواد الغير مفيده داخل القالب وحذفها

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

    لكن يا اخى الكريم بخصوص الأكواد من الأفضل لا تفكر فى ذلك لان القالب بلغة html و css وكل كود مرتبط بالأخر فمن الأفضل لا تقوم بحذف اى شيى انا لست خبير فى مجال بلوجر ولكنى اتعلم شيا فى شيا

    وبخصوص التنسيق للأسف ليس بأمكانك التنسيق اذا كان هذا القالب غير القوالب الرائيسية الذى تدعمة جوجل ام اذا كان القالب تم رفعه من القوالب الرئيسية بامكانك التنسيق والتخطيط واضافة الخلفيات ... الخ
    لكن بأمكانك التنسيق عن طريق القالب الغير مدعوم وهذا يحتاج الى تعلم لغة html وcss لكى تقوم بتنسيق القالب كما تشاء عن طريق الأكواد

    ردحذف
  3. شكراً لك وغفرالله لك ولوالديك

    ردحذف
  4. ماشاءالله على الشرح يسلمو

    ردحذف
  5. برق الشوق
    ===========
    الشكر لله يا اخى الكريم

    ردحذف
  6. صاحب شركة

    =============
    شكرا لك يا اخى على مرورك واتمنى ان تضع رد باسم مدونتك لكى تشارك معنا وبالتوفيق لك

    ردحذف
  7. شكرا لمرورك يا اخى عرب زيرو

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الموافقة على نشر التعليقات

موقع كينج نت يسمح لك بإضافة رابط موقعك عبر التعليقات ولكن فى اطار مضمون المشاركات وان يكون صلة مباشرة بالمقال حتى يتم الموافقة على نشر التعليقات ولمن يضع روابط عشوائية بدون اضافة تعليق ليس له اى صلة بمحتوى الموضوع سيتم نقلة الى الرسائل الغير مرغوب فيها حتى تتم عملية الحذف .