๑ஐ◄▓ خواطر وتصاميم ريماس فؤاد ▓►ஐ๑
 |
<!-- RISEMYWEB widget code starts here --> <div align="center"> <style type="text/css">@import url(http://www.risemyweb.com/widget/brand.css);</style> <div id="widget"><script type="text/javascript" src="http://www.risemyweb.com/widget/widget.php"></script> <div id="lbrand"> <div id="itex"><a href="http://www.risemyweb.com/" title="risemyweb">RiseMyWeb</a></div> </div></div></div> <!-- RISEMYWEB widget code ends here -->
في هذا الموضوع سنتطرق الى اضافة مميزة بمدونات بلوجر وستلاحظون تطبيقها بهذه المدونة انها ميزة إقرأ المزيد او read more
التي تساعد في اختصار الموضوع بالصفحة الرئيسية للمدونة التي تعمل على تسريع تحميل المدونة.
سرعة تحميل الصفحة يرتبط مباشرة بحجم الصفحة والمكونات الخارجية مثل ملفات التنسيق والصور وغيرها , كما أن عملية اعادة التوجية تستهلك المزيد من الزمن اللازم لتحميل الصفحة .
نتجه نحو تصميم ثم تحريرhtml نوسع القالب ونبحث عن هذا الكود :
ثم نضيف هذا الكود قبله</head>
<!-- Auto read more script Start --> <script type='text/javascript'> var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail summary_noimg = 430; //summary length when no image summary_img = 340; //summary length when with image img_thumb_height = 200; 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(thumbnail_mode == "yes") { 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> <!-- Auto read more script End -->ونترك القالب موسعا ونبحث عن هذا الكود
<data:post.body/>
ونستبدله بالكود التالي
<!-- Auto read more Start --> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <a class='more' expr:href='data:post.url'>اقرأ المزيد...</a> </b:if> </b:if> <!-- Auto read more End -->ثم نحفظ القالب ونتجه الى اعدادات المدونة ومن خلال وصلة التنسيق نختار
الحد الأقصى لما يتم عرضه 3 رسائل .
بالنسبة للمدونات باللغة الإنجليزية نغير اقراء المزيد ب read more
بالتوفيق ان شاء الله
