كيف تضيف إلى مدونتك ( اقرا المزيد )

مثال على خاصية اقرأ المزيد :

 

• توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
• قم  بتوسيع القالب , “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
• وأبحث عن الكود التالي :

</head>

• قم بإضافة الكود التالي فوقه مباشرة :

<script type='text/javascript'> 
var thumbnail_mode = "no-float" ; 
summary_noimg = 530; 
summary_img = 440; 
img_thumb_height = 220; 
img_thumb_width = 220; 
</script> 
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

• الآن قم بالبحث عن هذا الكود :

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

التعديل على الأكواد :

الكود الأول :

1. summary_noimg = 530; ==> حجم النص بدون صورة
2. summary_img = 440; ==> حجم النص مرفوق بصورة
3. img_thumb_height = 220;  => طول الصورة
4. img_thumb_width = 220;  => عرض الصورة 

الكود الثاني :

1- تغيير اتجاه اقرأ المزيد :

لتغيير اتجاه اقرأ المزيد كل ما عليك فعله هو تغيير ( right ) ب ( center ) إذا أردتها في الوسط أو ( left ) إذا أردتها في اليسار.

2- تغيير اقرأ المزيد بصورة :

يمكنك تغيير اقرأ المزيد بأي كلمة أخرى مثل ( تابع القراءة ), كما يمكنك تغييرها بصورة من اختيارك و ذلك عن طريق تغيير كلمة اقرأ المزيد بالكود التالي :

<img src="Url Of Your image" title="إقرأ المزيد" alt="إقرأ المزيد"/>