مدرسة المدونين : الدرس الخامس : تلخيص التدوينات واضافة كود اقرأ المزيد

[الشعلـ إيمان ـة]

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

النص الذي يظهر في الرابط هو : مزيد من المعلومات >>
الان نريد تغييره بنص اخر مثلا : تابع القراءة هنا
الامر سهل اذهب الى القائمة العلوية و اضغط على : تصميم
الان قم بتحرير مربع المواضيع في وسط الصفحة , مثلا هنا اسمه : رسائل المدونة الإلكترونية
انقر على تحرير و في النافذة الجديدة
يوجد الحقل : نص رابط صفحة التدوينات
و فيه النص : لمزيد من المعلومات >>
غيره بما شئت وقم بحفظ التغييرات عد الى الصفحة الرئيسية و للتحقق من نجاح الطريقة.


الدرس بالصور :


















لتحميل الدرس بعرض باور بونت من هنا

الطريقة الثانية وهي اضافة كود اقرأ المزيد ليظهر بشكل اوتوماتيكي في كل تدويناتك

أولا من لوحة تحكم مدونتك اذهب إلى تصميم واختر
تحرير html
ضع علامة في خانة
توسيع قوالب عناصر واجهة المستخدم

والآن قم بالبحث بالاستعانة ب (ctrl+F ) على الكود

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

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

ثم قم بإستبدالة بهذا الكود :

<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<da ta:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='https://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='https://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><a href='https://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a></b:if>

ومبروك عليك الاضافة