طريقة اضافة خاصية اقرأ المزيد في بلوجر مع اضافة تلخيص التدوينات

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

1- قم بالذهاب الي لوحة التحكم في المدونه ثم اذهب الي قالب ثم انقر على تحرير HTML
2- قم بالبحث على هذا الكود بالاستعانه بـ ( 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'/>

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

<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'/>

واذا اردت الصوره ان تظهر في الوسط قم بنسخ هذا الكود:

<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'/>

الان قم بالبحث عن هذا الكود : #ملاحظه: سوف تجد هذا الكود في ثلاث مناطق . اختر الذي في المنطقه الثانيه.

<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://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 == "item"'><data:post.body/></b:if></b:if>

يمكنك استبداله عبارة اقرى المزيد بصوره وذالك عبر استبدال عبارة اقرى المزيد بهذا الكود مع مراعاة تغير رابط الصوره.

<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

By glok

Similiar tagsاكوادقوالب بلوجرمدونات