إضافة "اقرا المزيد" وتلخيص مواضيع بلوجر و صُور للإضافة

                         إضافة "اقرا المزيد" وتلخيص مواضيع بلوجر و صور للإضافة                      

             

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

أولا هده الخاصية جد مهمة لإضفاء جمالية للمدونة وترتيب المواضيع وتلخيصها.

و الآن مع الشرح خاصية اقرا المزيد بعد تحديث محرر html في مدونات بلوجر على القالب الحديث 

سجل دخول الى مدونتك اختر القالب A partir لوحة التحكم ثم اضغط على تحرير html

                                        ثم توسيع القالب

  ولتسهيل عملية البحث على الكود في القالب من الكايبود إضغط cltrl + f    

 وابحث عن هدا الكود  </ head>

وأضف الكود التالي فوقه مباشرة.

ملاحظة : هناك ثلاثة أكواد لعرض صورة الملخص.

الأول لعرض الصورة على اليمين إنسخ هدا الكود:  

<script type='text/javascript'> var thumbnail_mode = "no-float»;

summary_noimg = 300; / * طول الملخص للمواضيع بدون صورة * /

summary_img = 250; / * طول الملخص للمواضيع ذات صورة * /

img_thumb_height = 128; / * عرض الصورة في الملخص * /

img_thumb_width = 128; / * طول الصورة في الملخص * /

</ Script>

<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/> 

أو التاني لعرض الصورة على اليسار:

<script type='text/javascript'> var thumbnail_mode = "no-float»; 

summary_noimg = 300; / * طول الملخص للمواضيع بدون صورة * /

summary_img = 250; / * طول الملخص للمواضيع ذات صورة * /

img_thumb_height = 128; / * عرض الصورة في الملخص * /

img_thumb_width = 128; / * طول الصورة في الملخص * /

</ Script> <script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>

أو الثالث لعرض الصورة في الوسط:

<script type='text/javascript'> var thumbnail_mode = "no-float»;

summary_noimg = 300; / * طول الملخص للمواضيع بدون صورة * /

summary_img = 250; / * طول الملخص للمواضيع ذات صورة * /

img_thumb_height = 128; / * عرض الصورة في الملخص * /

img_thumb_width = 128; / * طول الصورة في الملخص * /

</ Script>

<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>

تم قم بالبحث عن هدا الكود  <Données: post.body /> واستبدله بالكود التالي:

 ملاحضة هامة : قد تجد أكثر من كود مثل هدا   <Données: post.body />  إدا لم يشتغل على الأول جربه على التاني. . . 

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

<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'>

<data:post.body/> </ div> <script type='text/javascript'> createSummaryAndThumb (les «<data:post.id/> sommaire"); </ script> <span class = style 'rmlink' = 'float: right; padding-top: 20px; "> <a expr:href='data:post.url'> إقرأ المزيد ... </ a> </ span>

<a href='http://addiblo.blogspot.com/2014/03/blog-post.html' style='display:none;'> Résumé </ a> <a href = 'http://addiblo. blogspot.com / 'style =' display: none; "> addiblo </ a> </ b: if> <b:if cond='data:blog.pageType == "item"'> <Données: poste corps. /> </ b: if>

</ B: si>

ولتغيير Bayt إقرأ المزيد بأحدى الصور أنسخ رابط الصورة الملائمة لمدونتك وألصقه مكان إقرأ المزيد.

تحياتي ولا تنسونا من صالح دعائكم 

      <img src="http://goo.gl/pSzBfW" title="إقرأ المزيد" alt="إقرأ المزيد"/>

 <img src="http://goo.gl/WA3Z5c" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="http://goo.gl/ctwt6S" title="إقرأ المزيد" alt="إقرأ المزيد"/> 

<img src="http://goo.gl/TH3cdm" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="http://goo.gl/WhFjIE" title="إقرأ المزيد" alt="إقرأ المزيد"/> 

<img src="http://goo.gl/spiMyd" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="http://goo.gl/jiuQsM" title="إقرأ المزيد" alt="إقرأ المزيد"/>

   

<img src="http://goo.gl/nvAlUc" title="إقرأ المزيد" alt="إقرأ المزيد"/>

               <img src="http://goo.gl/lS4PyP" title="إقرأ المزيد" alt="إقرأ المزيد"/>

           <img src="http://goo.gl/SKX1en" title="إقرأ المزيد" alt="إقرأ المزيد"/>