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

السلام عليكم
اضافة خاصية اقراء المزيد

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (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'/>

الصورة في يمين النص

<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'/>
وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :
<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'/>

والآن قم بالبحث عن الكود التالي :
<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://www.abu-iyad.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>
يمكنك تبديل كلمة "إقرأ المزيد" ذات اللون الاحمر في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة مثل هذه :

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


<img src="http://www.ml0k.org/up/201304/images/cf379f0fadf929.gif" title="إقرأ المزيد" alt="إقرأ المزيد"/>


كشكول للتكنلوجيا






X أهلاً وسهلاً بك‫!‬ إذا كانت هذه أول زيارة لك، يمكنك متابعة آخر مواضيع المدونة عبر الإشتراك في صفحتنا على الفيسبوك و ذلك بالضغط على الزر
إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور مع إلغئها في الصفحات الثابتة إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور مع إلغئها في الصفحات الثابتة Reviewed by Unknown on الثلاثاء, أبريل 09, 2013 Rating: 5

ليست هناك تعليقات:

اضف تعليقً ... يهــمنــا رائـيـك ....

يتم التشغيل بواسطة Blogger.