read more for blogger شرح عمل اقراء المزيد فى البلوجر مع وضع الصورة على يمين الموضوع او يسار الموضوع او فى النص

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

نبدأ الشرح بالخطوات التالية

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

</head>

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

<script type='text/javascript'>var thumbnail_mode = "no-float" ;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 = "no-float" ;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 = "no-float" ;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/>

ثم قم بإستبدالة بهذا الكود :

<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/><b:else/><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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 == "item"'><data:post.body/></b:if></b:if><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

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