طريقة عمل "أكمل القراءة" أو "إقرأ المزيد".

Share

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

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

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

على كل حال، ننتقل مباشرة إلى الطريقة :

*تحديث : الطريقة الأسهل لعمل "اقرأ المزيد"

1 - سجل الدخول ==> التخطيط ==> تحرير HTML . وابحث عن هذا الكود :


<data:post.body/>


إذا لم تجده فقم بتوسيع القالب (لاحظ الصورة) ثم ابحث مجددا :




2 - الآن قم باستبداله بهذا الكود :

<style><b:if cond='data:blog.pageType == &quot;item&quot;'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

<data:post.body/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>

<a expr:href='data:post.url'><strong>إقرأ البقية&#187;</strong></a>

</b:if>

3 - وأخيرا قم بالحفظ ومبارك عليك .



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

المقدمة (ستظهر في الموضوع أي الصفحة الرئيسية).

<span class="fullpost">

ما تكتبه هنا (بين الاكواد) لن يظهر إلا بعد الضغط على "إقرأ المزيد".

</span>

صورة توضيحية:




** انـــتــــهــــى **


بالنسبة لمشكلة الأخ "يوسف":

حاول هذه الطريقة

ابحث عن الكود الأحمر <data:post.body/>

ضع فوقه مباشرة الكود الأزرق ليصبح هكذا :

<style><b:if cond='data:blog.pageType == &quot;item&quot;'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

<data:post.body/>

وضع الكود الأخضر تحت الكود الأحمر مباشرة أيضا ليصبح :

<data:post.body/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>

<a expr:href='data:post.url'><strong>إقرأ البقية&#187;</strong></a>

</b:if>

أرجو أن أكون قد وفقت بالشرح .

عسى أن نلتقي في دروس أخرى والسلام عليكم ورحمة الله .