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

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

هذه الاضافة تشمل مختصر لمواضيع المدونة مع صورة مصغرة او بدونها بالاضافة الى رابط اقرا المزيد اسفل المختصر هذا الرابط عبارة عن نص او صورة من اختيارك.
تركيب الاضافة :
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/AVvXsEiwPibWY3rU6v-BZGPs_SBJa4GaZp3uRsecd11uzvF6Wd6pIFtYyLXnL6CWEkmbWIBrPTdo9jVp0xxPcmRD65lFTMJ0HJBqiupcLVwIY5BN_z2au71Ol4yRDFCejG6_CNbXSFR5EUp1xgM/s1600/now2.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

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

rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:

http://rydnet.blogspot.com/2013/07/2.html

Paste This HTML Code On Your Page:

<a href="http://rydnet.blogspot.com/2013/07/2.html">إضافة ملخص للتدوينات مع الصورأو بدونها مع خاصية ''اقرا المزيد''</a>

رابط الاضافة