إضافة خصية اقرأ امزيد 2013

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

بسم الله الرحمن الرحيم

شرح اضافة خاصية اقرا المزيد بعد تحديث محرر html في مدونات بلوجر على القالب الحديث 

هناك الكثير مازال يجهل هذه الطريقة بعد التحديث الاخير واليوم سوف نبدأ بالطريقة مع الشرح بالصورة فقط تابع

الشرح:

1.سجل دخول الى مدونتك اختر القالب من لوحة التحكم ثم اضغط على تحرير html

2.بعد الضغط على تحرير هتمل اضف الكود التالي اسفل هذا الرمز 

</b:template-skin>....<b:template-skin>  مباشر
وفوق الرمز </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'/>

الصورة في يمين النص

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

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :

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

ملاحظة هامة:لا تضغط على الرمز

</b:template-skin>....<b:template-skin> بل اضف الكود اسفله مباشر بدون الضغط عليه كما بالصورة التالية

اضغط على الصورة لتظهر بالحجم الاصلي

3.بعد اضافة الكود في الاعلى قم بالضغط على الانتقال الى الأداة

ثم اضغط على blog1 ثم اضغط على المؤشر الذي موضوع عليها كما بالصورة

اضغط على الصورة لتظهر بالحجم الاصلي

4. بعد توسيع رسائل المدونة قم بتوسيع الرمز 

              <b:includable id='post' var='post'>...</b:includable>

كما بالصورة التالية

اضغط على الصورة لتظهر بالحجم الاصلي

4. قم بالبحث عن الرمز<data:post.body/> داخل الرمز الذي قمت بتوسيعه هذا <b:includable id='post' var='post'>...</b:includable> بعد ان تجد الرمز هذا<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://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>

5.الان قم بوضع صورة بدل من كلمة اقرا المزيد الموضوعة باللون الاحمر داخل الكود استبدلها بما يناسبك من الصور التالية

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

 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdc2PMlWiVggy2aWPRnGJ-UJinHlm7s9q8qkhF59D1Z2B-2aV1ndE3Lsox_GkEkZm9A3rFzIaJW14kQGN9Nhi_jNFkaFu3pNPyiEOXkR6e7bXeVRfPVQ3SIoMYnCLnrK9upoBZ1DAL3AfD/s1600/13-06-34+10-10-59+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCs1zMHyjymMX5E6C40SXK4qkYKTMXvpiIXXLQinFRf5pQ24eBbulnq2MYvqQkoWFj168apoUul-z32ZbDBE1j72W9XyLZnwmqefdx0GmHrgoS0RUrqY3twtzrTt5hXG-JIYtEv420eqB/s1600/13-06-34+10-11-22+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jK5uhPki-5SsAgNTptEko5a3EgNi47iMtQdJbx71rSRATJ7WwTQshF2P1-CXIC703ZkOZiSPuQp54dxxGhG9kRO7VykVpLLmcg83LFGZYam5TXS1JK5yH8DrtBX8p49JsLqZy2VC7j6K/s1600/13-06-34+10-11-46+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRtefpAl5V7INyfx1YXrBoDxSSpoWk1-6ZZYaYohi7rMiDQr-Biklx2KtZp-LQWZ3pVLFivBQuAiqNsceB3AlHByd0qNNH-Cn4ec7M3l_AhqIiL2je4jK2DiHDqMoOBsp0OhOeSBklD1V/s1600/13-06-34+10-12-02+%D9%85.png

" title="إقرأ المزيد" alt="إقرأ المزيد"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ZhEA8YzAyVUlGZPrgTcyiTwmA_x-oFNAaDAclv7CDciEJyf5VscKIEfRVT_5YuXOxzoNI8P-CCZqKf84PgGjKHupHfnZpAHm0ASIs15YvIsARnHsQoDwK57hs6fQWyvuYCnGxmgm3A55/s1600/13-06-34+10-10-38+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>

لاي استفسار ضع تعليقك اسفل الموضوع وحظا طيبا

شاركها على