اضافة خاصية اقرأ المزيد على مدونات بلوجر بعد تحديث محرر html في بلوجر

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)


< /head>

قم بلصق الكود التالي قبله مباشرة :ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.



< script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
< /script>
< script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>

الصورة في يمين النص


< span class='rmlink' style='float:right;padding-top:20px;'>إقرأ المزيد...
< a href='http://www.abu-iyad.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résuméabuiyad
< /b:if>

وهذا الكود المعدل من الخطئ المرفوع واضافه الصوره اسهل واجمل

بدون صوره

< b:else/>
< b:if cond='data:blog.pageType != "item"'>
< div expr:id='"summary" + data:post.id'>
< data:post.body/>

< span class='rmlink' style='float:right;padding-top:20px;'>إقرأ المزيد...
< /b:if>

مع الصوره

< b:else/>
< b:if cond='data:blog.pageType != "item"'>
< div expr:id='"summary" + data:post.id'>
< data:post.body/>

< span class='rmlink' style='float:right;padding-top:20px;'>
< /b:if>