من أهم الإضافات التي تجدها في مدونات البلوجر بكثرة و يمكن القول أنها أصبحت أساسية لكل مدونة و هي خاصية اقرأ المزيد لتلخيص المواضيع و تصغير الصور, لقد تطرقت في تدوينة سبقت إلى طريقة إضافة اقرأ المزيد التي توجد في البلوجر حيث أنها يدوية يعني أنه في كل مرة تريد أن تنشر تدوينة يجب عليك أن تضع اقرأ المزيد بشكل يدوي مع العلم أنه إذا كان لديك الكثير من المقالات فستتعب و تضيع الكثير من الوقت أما الطريقة التي سأشرحها الآن فهي تلقائية يعني أنه حتى و لو كان لديك 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 == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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="إقرأ المزيد"/>
ليست هناك تعليقات:
إرسال تعليق