اضافة اقرا المزيد لمدونات بلوجر

بسم الله الرحمن الرحيم

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

1 -  من لوحة التحكم  اضغط على تحرير HTML

2- بعد الضغط على تحرير HTML ابحث عن الرمز </head>  ثم اضف واحد من الاكواد التالية  فوق الرمز <head/> ( واحد منهم فقط  ) :

الصورة على يسار النص (الصورة سوف تظهر على اليسار والنص على اليمين) :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ; 
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 128;
img_thumb_width = 128;
</script> <script src='http://zinetx.zz.vc/read-more-left.js' type='text/javascript'/>

الصورة على يمين النص (الصورة سوف تظهر على اليمين والنص على اليسار) :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250; 
img_thumb_height = 128;
img_thumb_width = 128; 
</script>
<script src='http://zinetx.zz.vc/read-more-right_2.js' type='text/javascript'/>

الصورة على الوسط (الصورة سوف تظهر في الوسط والنص على اليمين واليسار ) :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 128;
img_thumb_width = 128;
</script>
<script src='http://zinetx.zz.vc/LireLaSuiteCentre0.js' type='text/javascript'/>

( الاكواد الخضر مكملة للملونة  لذا يجب نسخ الملونة مع الخضر )1- الملون بـ الوردي  -  طول الملخص للمواضيع بدون صورة  (غير الرقم فقط )

( تحديد عدد الاحرف عند عدم وجود صورة في التدوينة )

2- الملون بـ الازرق  - طول الملخص للمواضيع ذات صورة    (غير الرقم فقط )

( تحديد عدد الاحرف مع وجود صورة في التدوينة )

3- الملون بـ السماوي - عرض الصورة في الملخص              (غير الرقم فقط )

( تحديد العرض الخاص بالصورة  )

4- الملون بـ الاحمر   - طول الصورة في الملخص                (غير الرقم فقط )

( تحديد الطول الخاص بالصورة  )

3. قم بالبحث عن الرمز<data:post.body/> بعد ان تجد الرمز هذا <data:post.body/>   (سوف تجد اكثر من واحد جرب الاول ان لم ينجه استخدم الثاني) قم باستبداله بالكود التالي 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>

<b:else/>

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

</b:if>

4 - اذا اردت  قم بوضع صورة بدل من كلمة اقرا المزيد الملونة باللون الازرق  داخل الكود استبدلها بهذا الكود

<i

mg src="http://1.bp.blogspot.com/-LWR1H2hpuQc/UXbdc3e9YwI/AAAAAAAAAzk/dns9Fz-F8_Q/s1600/13-06-34+10-11-22+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

 ( واستبدل الرابط باللون الاسود برابط الصورة خاصتك  )

ونصل الى نهاية الشرح اتمنى ان ينال اعجابكم .