إضافة ملخص للتدوينات مع الصورأو بدونها مع خاصية ''اقرا المزيد''

إضافة ملخص للتدوينات مع الصورأو بدونها مع خاصية ''اقرا المزيد''

ملخص التدوينات ف يالصفحة الرئيسية لمدونة بلوجر له اهمية قصوى لنجاح مدونتك بحيث تمكن هذه الملخصات الزوار على الاطلاع على نبذة من مواضيع مدونتك و بالتالي ينقر على الروابط التي تعجبه بخلاف لو لم تكن  اضافة اقرا المزيد موجودة عندك اذ تكون عندئذ المواضيع طويلة و يمل الزائر من تحريك الصفحة الى الاسفل ...اذن خاصية اقرا المزيد عامل مهم لنجاح المدونة .

هذه الاضافة تشمل مختصر لمواضيع المدونة مع صورة مصغرة او بدونها بالاضافة الى رابط اقرا المزيد اسفل المختصر هذا الرابط عبارة عن نص او صورة من اختيارك.
تركيب الاضافة :
1-  من لوحة التحكم   >>>   قالب   >>>   تحرير html
2-  قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم   ctrl+f :

<head/>

3-  قم بلصق الكود التلي قبله مباشرة :

<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://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>

يمكنك تغيير الكود باللون الاحمر حسب المكان الذي تريد ظهور الصورة فيه :
*في اليسار : read-more-left
*في اليمين :  read-more-right
*في الوسط  : LireLaSuiteCentre0
4-  بعد ذلك قم بالبحث عن الكود التالي :
 <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>

<a href='http://rydnet.blogspot.com/2013/07/2.html' style='display:none;'>Résumé</a><a href='http://rydnet.blogspot.com' style='display:none;'>hamza ramzi</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

</b:if>

يمكنك تغيير عبارة اقرا المزيد باللون الازرق باي جملة اخرى تناسبك مثل تابع القراءة او غيرها...
اما اذا اردت تغيير عبارة اقرا المزيد بصورة مثل هذه مثلا :

فعليك تغيير عبارة اقرا المزيد باللون الازرق بالكود التالي :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkscscUUREV9BYnj5WAt2FOTUag2ultPoQ_9viFnNUveT3DuoJyaANe_A-0Xl32r7XSKGcYjKefqIMMyWbwSSTZZZgmWoxr5NENJcSn8tcil-fBFa7-xf84G1OwkQqOkpYH7IAIPODM5c/s1600/now2.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

واذا اردت تغيير الصورة عليك تغيير الرابط باللون الازرق برابط الصورة الجديدة.
انتهينا من اضافة ملخص للتدوينات مع خاصية اقرا المزيد ويمكنك معاينة النتيجة...

/////
اضيف معلومة  الكود التالي:
  <data:post.jumpText/>

اغلب المدونات بها ومن ليس بها يكون قد ركبت بها خاصية اضف المزيد او شئ اخر 
المهم انه يعوض بكود html  ليؤدي غرض اقراء الزيد بوضعية  من نوع اخر .

الكود الاتي :
لطالما طاردته يؤدي غرض اظهر المزيد وطريقة كتابة سطر تؤثر في ظهور شكل المدونات 
 <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>
 المدونات تختلف عن بعض في كتابت النص البرمجي بعضها رغم يؤدي دور متشابه .
اما وهذا الكود .
الجماعة يعطونه لتعويض كلمة اقراء المزيد ولكن لااحبه .
 <img  style="float:right;" src="رابط الصورة"/>  
السبب لما تعمل رابط في سرفر تحميل ...راح يتاخر عن الصفحة احينا 2 سرفر مختلف كما غير مستحب تفرع الروابط كثيرا .
والسلام ..
القناص الجزائري اولاد نائل 

: شارك

Tweet

✚

مواضيع ذات صلة