-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الخميس، 30 يناير 2014

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

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

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

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- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .
جزى الله خيرا كل من ساهم فيه

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

إرسال تعليق