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

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

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

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


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


















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

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

أولا من لوحة تحكم مدونتك اذهب إلى تصميم واختر
تحرير 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>

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

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

مزيد من الدروس على مدرسة المدونين

[الزعيم الأول]

ما شاء الله درس رائع
و سهل جدّا ، كلّ الودّ و التقدير
أخت إيمان .

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

بارك الله فيك أخي الزعيم
بانتظار رؤية الكود على مدونتك

[ammar8689]

درس مميز جدا ، جزاكم الله خيرا ، في انتظار الدرس القادم

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

شكرا لك أخي على المتابعة باذن الله قريبا

[MED.KAD]

رائعة والله الأخت إيمان ....فقد كنت ابحث عن هذه الخاصية ..
شكرا كثيرا يامن علمت كثييييرا .....بورك فيك

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

وفيك بارك الله أخي
الشكر لك أخي
بانتظار أن أرى الخاصية في مدونتك

[عُبيد الله]

جزاكم الله خيرا على ما تقدمون من جهد

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

وجزاك الله بمثله أخي
أتمنى استفادتك

[الاميرال]

بارك الله فيك وجزاك الله كل الخير
شكراااااااااااااااااااااااااااااااااااااااا
شكراااااااااااااااااااااااا
شكرااا

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

العفو أخي

[amago]

السلام عليكم ورحمة الله
بارك الله فيكم على المجهودات الجبارة التي تقومون بها

لدي سؤال للقد قمت بإضافة إقراء المزيد بإتباع الشرح و لكنها تظهر بحجم صغير هل يمكنني تكبيرها أم لا

[sam0581]

شرح جميل جدا
شكرا

[ziko 12]

شكرا وبارك الله فيكم