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

السلام عليكم ورحمة الله وبركاته

اذهب الي صفحة تصميم ثم اضفط علي HTML لتعديل القالب ونركز مع بعض ونبدأ

نبحث عن : </head> ونضع فوقها مباشر الكود التالي " ملاحظة هكذا الصورة بتكون يسار "

كود PHP:

<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='https://pagesnavibloggerexp.googlecode.com/svn/trunk/re.js' type='text/javascript'/>

لجعل الصورة يمين ضع هذا الكود

كود PHP:

<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='https://pagesnavibloggerexp.googlecode.com/svn/trunk/re-ri.js' type='text/javascript'/>

الان قمنا بتركيب الاساسيات نريد ان نركب علي الاستايل نحث عن

<data:post.body/>

ونقوم بأستبداله بالاتي

كود PHP:

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

وهكذا انتهينا