تفعيل خاصيه اقرأ المزيد تلقائيه مع صور ومختصر صغير لتدويناتك في منصه بلوجر الحديثه

السلام عليكم زورا المدونه الكرام 

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

وتحويلها الي نفس منظر مدونات الوورد بريس 

مثل هذا المنظر في مدونتنا المتواضعه مدونه نايل بوك

تابعوا الشرح زوارنا الكرام

• الخطوة الاولي: اذهب  الي لوحه تحكمك في بلوجر (يمكنك الدخول من هنا ).
• الخطوه الثانية: اذهب الي قالب ثم تحرير HTML
• الخطوه الثالثة: اضغط من الكي بورد علي CTRL +F ثم ابحث عن الوسم </head>
• الخظوه الرابعه : ضع هذا الكود قبل الكود السابق مباشره 

<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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>

•  الخطوه الخامسه :ابحث عن الوسم <data:post.body/>

ملحوظه : في مدونات بلوجر الحديثه بعد تحيثات بلوجر في منصته الجديده عام 2013 ستجد ثلاثه نسخ من هذا الشكل <data:post.body/> 

سوف نستبد النسخه الثالثه من الوسم السابق بهذا الكود

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

ثم احفظ القالب بعد المعاينه سوف تجد الشكل النهائي هكذا

Posted in: دروس بلوجر