اقدم لكم طريقتين لإضافة اداة إقرأ المزيد طريقة يدوية واخرا اوتوماتيكية

السلام وعليكم ورحمة الله وبركاته

هل تريد تلخيص تدويناتك في الصفحة الرئيسية؟

هل تريد اضافة زر " إقرأ المزيد " ؟

هل تريد سهولة تصفح موضوعات مدونتك ؟

اذاً فالحل معنا !

شرح إضافة اداة إقرأ المزيد اليدوية

    اول خطوة ادخل الى لوحة تحكم بلوجر

    اولا عند كتابة موضوع 

يجب الضغط على " ادراج رابط انتقال " وهو زر يوجد في اعلى صفحة كتابة الموضوع ويكون 

بهذا الشكل :

اضغط عليه في نهاية النص الذى تود اظهاره في الصفحة الرئيسية ( نهاية الملخص ) واترك 

باقى الموضوع كماهو .... صور للتوضيح :

مع امكانية تغيير كلمة إقرأ المزيد بأى كلمة اخرى او تغييرها بصورة !

كيفية اضافة صورة بدلا من جملة "إقرأ المزيد "

   اتبع الشرح التالى :-

ابحث عن هذا الكود :

 <b:if cond='data:post.hasJumpLink'>
 <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

وضع هذا الكود بدلا منه : 

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img alt='إقرأ المزيد' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp6orBfJv1rWGz15DkGkC5NtIT98DzRnzM9iE8bpXt7kOmW_E3yXjMxmsucsV4L-Az6GbtnXaJlZQkWGZvh_YmNcBtW3WTm-FZfn1OpphlbZuJ7Uxep5ttki_Bpe4lJkJ5w56n1GNcF2mE/s1600/redmore2.png'/></a>
</div>
</b:if>

شرح إضافة خاصية إقرأ المزيد اوتومايتيكية

اذهب الى قالب مدونتك وابحث عن :

</head>

ثم ضع هذا قبله ( فوقه ) :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogger-araby.googlecode.com/svn/Read-More.js' type='text/javascript'/>

ما باللون الاحمر هو طول الملخص بدون صورة
ما باللون الازرق هو طول الملخص بصورة
ما باللون الاخضر هو ارتفاع الصور
ما باللون الارجوانى هو عرض الصورة 

ثم إبحث عن هذا الكود :

<data:post.body/>

واستبدله بهذا الكود :

<p><b:if cond='data:blog.pageType != &quot;item&quot;'> <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> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> ...تابع القراءة</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

يمكنك استبدال ما باللون الاحمر بالكلمة التى تريدها ... 
لإضافة صورة بدلا من كلمة إقرأ المزيد استبدل ما باللون الاحمر بالكود التالى :

 <img src="رابط الصورة" /> 

 يمكنك تغيير رابط الصورة المحدد باللون الاحمر ووضع اى صورة تناسبك وهذه بعض الصور لتختار منها :-

اذا اردت اى لون اخر اكتبه في تعليق وان شاء الله احضره لك في الحال !