كيفية تلخيص الموضوع تلقائيا بمدونة بلوجر

 كيفية تلخيص الموضوع تلقائيا بمدونة بلوجر

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

وقبل أن نضيف أي كود  بمدونة بلوجر ، يجب أن نأخذ  نسخة إحتياطية من قالب المدونة ،  ولكي نلخص الموضوع تلقائيا بمدونة بلوجر  نتبع الخطوات التالية :

(شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث)

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :

بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:

 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  

3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

     <data:post.body/>

مع ملاحظة أنه سوف يوجد هذا الكود مكرر لأكثر من مرة والكود المطلوب هو الثاني .

4 - بعد أن نجد الكود السابق يتم حذفه ونضيف الكود التالي مكانه مباشرة :

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <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>
                              </b:if>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <data:post.body/>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <data:post.body/>
                            </b:if>

5- ثم نبحث عن  الكود التالي  :  

<head/>

 6 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :

  <script type='text/javascript'>
      summary_noimg = 650;
      summary_img = 450;
      img_thumb_height = 150;
      img_thumb_width = 200;
    </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 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>

مع ملاحظة الأرقام التي باللون الأحمر بالكود السابق يتم تغيرها حسب رغبتك أنت ( الرقم الأول (summary_noimg) يشير للموضوع الذي سوف يتم تلخيصه بدون صور ، والثاني(summary_img) للموضوع الذي معه صورة ، والثالث(img_thumb_height) لإرتفاع الصورة ، والرابع (img_thumb_width)  لإتساع الصورة)

7- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .

جزى الله خيرا كل من ساهم فيه