شرح إضافة خاصية إقرأ المزيد للمدونة

السلام عليكم ورحمة الله وبركاته

شرح إضافة خاصية إقرأ المزيد للمدونة هذه افضافة يحتاجها الكثير من المدونين خاصة أصحاب التدوينات الطويلة. فهي
تعرض ملخص أو جزء من المقال الأصلي مع رابط إقرأ المزيد لم يريد أن يكمل
الموضوع.


يمكنك الإطلاع على هذه الإضافة بالذهاب لصفحة الرئيسية للمدونة. و الأن اتركك مع طريقة تركيب إضافة إقرأ المريد.


1- توجه إلى لوحة التحكم / تصميم / تحرير HTML / قم بتوسيع القالب و لا تنسى أخد نسخة من مدونتك


إبحث عن الوسم </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'
src='http://widget-blogs-red-more.googlecode.com/files/auto_readmore_blogger.js'
 >
</script>

يمكنك التغير في قيم الكود إن أردت.



summary_noimg = 430; : عدد كلمات الملخص إن لم يحتوي على صورة

summary_img = 340; : عدد كلمات الملخص إذا احتوى على صورة

img_thumb_height = 100; : إرتفاع الصورة

img_thumb_width = 120; : عرض الصورة



3- قم الأن بالبحث عن الوسم <data:post.body/> و استبدله بالكود في الأسفل

الكود:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span
 class='rmlink'
style='font-weight:bold;padding:5px;float:right;text-align:right;'><a
 expr:href='data:post.url' >إقرأ المزيد </a></span>
</b:if>
</b:if>



4- قم بحفظ القالب و عاين النتيجة

5- و لكي تغير كلمة إقرأ المزيد بصورة قم بإستبدال الكلمة بالكود التالي

الكود:

<img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/>

منقوووول

شكرا ع الشرح يا سما ,, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

شكرا على الشرح الوافى

شكرا حمادة شكرا دكتور محمد
لمروركم الرائع