إضافة خيار "إقرأ المزيد " لمدونات بلوجر.( تم تحديث التدوينة)

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

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

ذكرت أعلاه أن هذه الخاصية لا يوفرها بلوجر تلقائيا بل لا بد من إضافتها وتفعيلها ويكون ذلك باتباع الخطوات التالية:

الخطوة الأولى :

ـ تأكد من تفعيل خاصية individual post page ، وذلك باتباع مايلي :
Dashboard + Setting + Archving

أي لوحة التحكم + إعدادات + الأرشفة

ثم تأكد من التأشير على نعم بالنسبة لـ تمكين صفحات الرسائل : Enable post page.


الخطوة الثانية :

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

الخطوة الثالثة :

إذهب إلى تخطيط + تحرير HTML ، ثم اضعط على توسيع قوالب عناصر واجهة المستخدم: « Expand widget template» بعد ذلك ابحث عن الجملة التالية في الكود:


أسفلها مباشرة قم بلصق الكود التالي

<!-- post summary hack begin -->

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<!-- post summary hack end -->

ثم ابحث عن السطر التالي في الكود :


ثم قم بلصق هذا الكود أسفله مباشرة:

<!-- post summary hack begin -->

<a expr:href='data:post.url'>Click Here to Read More..</a>

</b:if>

<!-- post summary hack end -->

وقبل ذلك يمكنك تغيير جملة "click here to read more" بعبارة " إقرأ المزيد" أو أية عبارة تراها مناسبة لك بالعربية.
بعد لصق الأكواد كما هو مبين أعلاه تأكد من أنها تبدو بكاملها كالآتي :

<div class='post-body'>

<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->

<p><data:post.body/></p>

<!-- post summary hack begin -->
<a expr:href='data:post.url'>Click Here to Read More..</a>
</b:if>
<!-- post summary hack end -->

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

وأشير إلى أن الأسطر المكتوبة باللون الأحمر هي الأكواد التي أضفناها ، أما تلك التي بالأسود فهي أصلية في القالب .

الخطوة الأخيرة :
بعد الخطوات السابقة ، هناك خطوة أخيرة يتعين القيام بها عند كل إضافة لموضوع جديد ، وبيان ذلك كما يلي :

بعد كتابة الأسطر الأولى من الموضوع المراد نشره يتعين إضافة الكود التالي :


ثم بعد ذلك أدرج بقية الموضوع ثم انسخ هذا الكود في آخر الموضوع

وإذا أردت أن تجعل الأمر أسهل اذهب إلى:
إعدادات + التنسيق
ثم أضف هذه السطرين السابقين في قالب الرسالة


أكتب الأسطر الأولى من الموضوع





أكتب بقية الموضوع





ثم قم بحفظ الإعدادت .

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