إضافة خاصية إقرأ المزيد Red More

بسم الله الرحمن الرحيم

 

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

 

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

 

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

2- إبحث عن الوسم </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="إقرأ المزيد"/>

6- قم بوضع تعليقك بالأسفل

مواضيع تفيدك أيضاَ :

اذا احببت هذه المقاله , رجاء منك انسخ الرابط وقم بنشره .

رابط هذه المشاركة :

http://te-7.blogspot.com/2011/11/red-more.html

كود HTML لهذه المشاركة:

<a href="http://te-7.blogspot.com/2011/11/red-more.html">إضافة خاصية إقرأ المزيد Red More</a>