السلام عليكم ورحمة الله تعالى وبركاته ،
سوف نتعرف اليوم علي طريقة إضافة اقرأ المزيد أوتوماتيكيا إلى مدونات البلوجر.وهذا الدرس خاص بالأشخاص الذين قاموا بتثبيت قالب غير معدل % 100 و لا يحتوي على هذه الخاصية.إذن على بركة الله.
تطبيق الاضافة:
1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب إختار
6.إبحث بالضغط على CTRL+F عن الكود التالي :
</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>
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>
بدل مايلي حسب رغبتك الشخصية:
1-summary_noimg = 530; ==> حجم النص بدون صورة
2-summary_img = 440; ==> حجم النص مرفوق بصورة
3-img_thumb_height = 220; => طول الصورة
5-img_thumb_width = 220; => عرض الصورة
الآن قم بالبحث عن هذا الكود :
<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>
<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>
يمكنك أيضا تغيير اقرأ المزيد... بأي كلمة أخرى مثل ( تابع القراءة ), كما يمكنك تغييرها بصورة من اختيارك و ذلك عن طريق تغيير كلمة اقرأ المزيد بالكود التالي :
<img alt='إقرأ المزيد' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYdzBpNXrT4BcgyxPVfmlwokXU77gXPW7n3yHbZgoL4ONHz2P8PCHLTdEeWVSQtdeV9irMwei1xRB90wZNohu86oIeXyu3kj7eLZAwm1_ETaUpDqjcw2PBciltA0MhFdwxObl83K6jrY1/s1600/redmore2.png'/>
بدل ما لون بالأحمر برابط الصورة المختارة حسب رغبتك الشخصية.و هذه بعض الصورة( كل ما عليكم فعله هو الضغط بزر الفأرة الأيمن فوق الصورة و نسخ رابط الصورة)
إذا واجهتكم أي مشكلة في تركيب الخاصية لاتترددوا في ذكرها في تعليق .
0 التعليقات