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

* طريقة التركيب:ـــ
- إذهب إلى   "تحرير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='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>
وهذ الكود سيجعل الصوره تظهر في يسار النص (كما هو الحال في مدونتي) "وطبعا الكلام المكتوب بالاصفر لن يؤثر علي القالب لأنك إن وضعت أي نص بين هذين العلامتين /* */ فسيكون مجرد تعليق فقط لتذكيرك فيما بعد ولن يؤثر علي النص البرمجي"





 وإذا أردت أن تظهر الصوره في يمين النص تجاهل الكود الأول واستبدله بهذا الكود:

<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/read-more-right.js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :


<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/LireLaSuiteCentre0.
js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>


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

<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;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://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>>


*مايظهر باللون الأحمر هو شرط عدم إظهار خاصية إقرأ المزيد في الصفحات الثابته بالمدونه*

" أما عن المدونون الذين قامو بتركيب خاصية إقرأ المزيد وتظهر عندهم بالصفحات الثابته فليضيفو فقط ماظهر باللون الأحمر في الأكواد"

يمكنك تبديل كلمة "إقرأ المزيد"المكتوبه بالأزرق في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="رابط الصوره" title="إقرأ المزيد" alt="إقرأ المزيد"/>
ويمكنك تغيير مالون بالأحمر إلي ماتريد "فهو مايظهر عند المرور بالماوس علي صورة إقرأ المزيد

* وهذا رابط صورة إقرأ المزيد للقوالب الداكنه أو الشبيهه بقالب مدونتي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB3OcoM6aOAvjJ7WkiB7HRWLhfg5-u0SOcCDmnsBI2ZOKhDACuojxuQLT17w4Iq2YD8h_FG_fl_mQkFJvK9bAH_kKbgH5RozsmUZM3E_s5qXZNP3Hx__AKFbT6IrPuVeLlL46Bulf7hjo/s200/cooltext465108368.jpg


معاينه للصوره

7 التعليقات

Admn @sin-and-kn@ يقول... @ 17 مايو 2012 في 4:22 ص

اخي الكريم السلام عليكم

انا سويت مثل ما سويت بالضبط بس تظهرلي كتابة ورا ما اسوي استبدال بالخطوة الثانيةوالكتابة هي

حدث خطأ أثناء تحليل XML، في السطر 1414، العمود 14: The content of elements must consist of well-formed character data or markup



شو الحل اخي الكريم وجزاك الله خيرا

بما ان المدونات تحمل نفس القوالب يا ريت تدزلي قالب الاستبدال الي فوق
واكون الك ممنون

وشكراا

غير معرف يقول... @ 8 يونيو 2012 في 4:02 م

المشكله عندي ان مدونتي غير ومافي ولا شيء يشابه شرحكم إلا شيء واحد ان المحرر عندي هو هذا CSS مو محرر HTML فكيف احل المشكله عندي ....!؟

موقع المرصه يقول... @ 18 أغسطس 2012 في 11:12 ص

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

Unknown يقول... @ 13 نوفمبر 2012 في 3:15 ص

شكرًا جزيلآ ..

Unknown يقول... @ 25 يناير 2013 في 5:29 ص

شكرآآ :)

البرنامج يقول... @ 22 أبريل 2014 في 9:30 ص

انت حمار واخد الكود من واحد حمار

wassimkhemiri يقول... @ 23 يونيو 2016 في 1:03 م

موضوع اكثر من رائع فعلا
مدونة توب سوفت وير

أكتب تعليق

الموضوع التالي الموضوع السابق الصفحه الرئيسيه