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

من أهم الإضافات التي تجدها في مدونات البلوجر بكثرة و يمكن القول أنها أصبحت أساسية لكل مدونة و هي خاصية اقرأ المزيد لتلخيص المواضيع و تصغير الصور, لقد تطرقت في تدوينة سبقت إلى طريقة إضافة اقرأ المزيد التي توجد في البلوجر حيث أنها يدوية يعني أنه في كل مرة تريد أن  تنشر تدوينة يجب عليك أن تضع اقرأ المزيد بشكل يدوي مع العلم أنه إذا كان لديك الكثير من المقالات فستتعب و تضيع الكثير من الوقت  أما الطريقة التي سأشرحها الآن فهي تلقائية يعني أنه حتى و لو كان لديك 100 مقالة في مدونتك ستطبق الخاصية على جميع المقالات دفعة واحدة . نمر إلى الشرح :

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

• توجه إلى لوحة التحكم =>اختر تصميم => تحرير 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>

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

الكود الاول:

summary_noimg = 530; ==> حجم النص بدون صورة

summary_img = 440; ==> حجم النص مرفوق بصورة

img_thumb_height = 220;  => طول الصورة

img_thumb_width = 220;  => عرض الصورة 

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

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

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

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

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

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

هل إسـتفدت ؟ كن إيجابيا و شارك المحتوي ليستفيد غيرك.

شاركها !

الأن يمكنك أن تصل الى الموقع بسرعة وسهولة تامة وذلك بكتابة : المهووس للمعلوميات في محرك البحث جوجل. تسعدنا زيارتك.

الموضوع من طرف : الحبيب أعشاري

الحبيب مدون مغربي اطمح من هذه المدونة و التي هي عبارة عن مدونة تضم عدد كبير من المواضيع كــ شروحات المواقع برامج والخدمات بالإضافة الى مقالات تقنية, الأخيرة و التي من خلالها نحاول التقرب من الشاب العربي والأخير الذي يهدف الى تطوير مهاراته وزيادة معلوماته فيما يخص التكنولوجيا و الاعلاميات يمكنك متابعتي على تويتر