السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة اقرا المزيد في مدونة بلوجر
فسوف اقدم لكم طريقة الشرح بالصور والفديو لكي اسهل الأمر فهذة الطريقة تجعل الأمر مختصر عن طريق اقرا المزيد في الصفحة الرئيسية
الشرح بالفديو
الشرح بالصور
اولأ اذهب الي لوحة التحكم
ثم قالب ثم تحريرقالب
ثم ابحث عن الكود </head> باستخدام 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/>
سوف تجد اكثر من كود اذا لم تعمل الطريقة على اول واحد استعمل الثاني ثم استبدالة بالكود القادم
<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> <span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'>اقرا المزيد..</a></span> <div style='clear: both;'/> </b:if> </b:if>اذا كنت تريد الصور في اليسار استبدل right ب left
وبكدة اكون خلصت ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
.png)
اخي هذا الكود ماوجدته ابدا فمل الحل؟؟
ردحذفممكن رابط المدونة بتاعتك
ردحذفوانت مش لقي الكود الأول ولأ الكود الثاني؟