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

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

من لوحة التحكم إختر "تصميم" ،ثم "تحرير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'/>

يمكنك تغيير الكود باللون الاحمر حسب المكان الذي تريد ظهور الصورة فيه .

في اليسار  read-more-left

في اليمين read-more-right

في الوسط LireLaSuiteCentre0

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

<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'&gt;إقرأ المزيد...</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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJqp4uJ5cHyGxtnaR6s7Hma8ndo9f2vutiRCVNuEjC_ehhZNak71VTHr7aI9H7DByOYZ_F0DwAZgAMm_nAZE3AAqPSEAGmTfOO63bSQn8PhjvFeec8oEYRTJk2LD6F8Qd1gLx_b1cO6PE/s1600/now2.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

و إذا رغبت في تغيير الصورة ،فعليك تغيير رابط الصورة باللون الازرق برابط الصورة الجديد.

rydnet

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

URL Of Post:

https://consultation0101.blogspot.com/2013/04/blog-post_1.html

Paste This HTML Code On Your Page:

<a href="https://consultation0101.blogspot.com/2013/04/blog-post_1.html">إضافة ملخص للتدوينات مع الصورأو بدونها مع خاصية اقرا المزيد.</a>

رابط الاضافة