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

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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.monte-escalier-prix.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.monte-escalier-prix.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.monte-escalier-prix.org"></a></font>

و الأن نمر إلى خاصية إقرأ المزيد

قم بالبحث عن هذا الكود 

<data:post.body/>

 هناك أكثر من <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://3efrit.blogspot.com/' style='display:none;'>Résumé</a><a href='http://3efrit.blogspot.com' style='display:none;'>3efrit blogger</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.3efrit.blogspot.com"></a></font>

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

و لاستبدالها بصورة قم بلصق الكود التالي مكان الكلمة مع تغيير الرابط بالأحمر إلى رابط الصورة التي ترغب بها

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVlFyZmdtIdLIxKRTFvT2eQkO_rMDRIML-9UKZqYfLEkMKURBHrdbtJgtUuiOnzgkafo3ihR-OOn9X44OnW3PPFj2nKeJjL01iOPkJalO1oOyXSdlJIPhdTZY2zCdknov5nKZEhEGSznpP/s1600/%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

Share :

Tweet

✚

Related Post