الاثنين، 13 يوليو، 2009

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

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

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

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

ـ تأكد من تفعيل خاصية 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>



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

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

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


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

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


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





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





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

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

21 التعليقات:

علي 6 يناير، 2009 10:55 ص  

مزيدا من التدوينات المتميزة والمفيدة
وبالله التوفيق

NADERNet4Downloads 17 يناير، 2009 5:08 م  

thank you a lot
visit : www.NaderNet.BlogspOt.Com
Download for Free

عمر 18 يناير، 2009 5:06 م  

شكرا لك نادر على الزيارة وبالتوفيق .

المهندس 27 يناير، 2009 5:14 م  

شكراً أخي عمر. يا ريت يا أخي لو تستخدم quote بدل من لصق الصور ختى يتم نسخه بسهولة.
مع التحيات  

M.GUSOON 10 فبراير، 2009 5:04 ص  

شكرا جزيلا لهذه المعلومات الممتازه

العقل الخارق 9 مايو، 2009 7:31 م  

جزاك الله خيرا

اخي الفاضل انا نفذت الكلام هذا لكن مع الاسف بلا فايده

اذا ممكن اني انسخ لك القالب و تعمل عليه التعديلات فسأكون شاكر جدا لك اخي عمر

و نشكرك على ماتقدمه

Omar 26 يوليو، 2009 12:31 م  

معدرة على التأخر أرسل لي القالب على العنوان التالي
atkki24@maktoob.com
في ملف نصي وسأقوم بإضافة هذه الخاصية إليه وبالتوفيق

شادي 28 يوليو، 2009 2:20 م  

اخي العزيز ان الخطأ في الكود كما نراه هو في الاتجاة

فلو تتكر بحطلنا الكود تكست ما رح نواجه اي مشاكل

واكون مشكور ليك اخوي :)

عمر 31 يوليو، 2009 1:30 ص  

سافعل قريبا إن شاء الله سأعيد تحرير الموضوع حتى يسهل التعامل معه إن شاء الله

Eng. A. Srhan 6 أغسطس، 2009 10:30 ص  

السلام عليكم ورحمة الله وبركاته
أخي الفاضل عمر بارك الله فيك وجزاك الله خيرا على هذا الشرح القيم لهذه الخاصية الهامة..
واسمح لي أن أضع بين يديكم طريقة أخرى لعمل الخاصية بشكل أخر على هذا الرابط
http://engsrhan.blogspot.com/2009/07/blogspot.html
وهذا موضوع أخر لطريقة سهلة جدا لوضع الاكواد بمدونات بلوجر
http://engsrhan.blogspot.com/2009/08/scroll-box.html
اتمنى معرفة رأيك حول هذا الموضوع وحول المدونة ككل فأنا مازلت جديدا يعالم التدوين
لك تحياتي وخالص امنياتي

osamaps 14 سبتمبر، 2009 5:12 م  

لي أكثر من ربع ساعة وأنا أبحث عن تلك الوسوم !

هل هناك طريقة آخرى سيدي الفاضل

ولك جزيل الشكر .

عمر 15 سبتمبر، 2009 1:39 م  

استعمل خاصية البحث في متفحك اضغط على ctrl+F ثم اكتب الوسم الذي تبحث عنه .

5qa5 5 نوفمبر، 2009 9:21 ص  

يا اخي ضع الكود كتابه كي نستطيع نسخه !


ياليت مانطلع من الموضوع الا بفائده



موضوع غير مفيد

مدونه العبور 24 ديسمبر، 2009 3:12 م  

السلام عليكم انا منذ 3 ايام وانا اجول فى المواقع والمدونات لاضافه هذه الخدمه جبرت كل الطرق التى نشرت ولكن احيانا لا تاتى بنتيجه اصلا واحيانا تظهر الرساله كامله ثم اقرا المزيد والاخيره الموجوده هنا اول ماطبقتها اختف جميع الرسائل والحمد لله انى كنت عامل نسخه للقالب
ارجو من اى شخص ان يفيدنى فى هذا الموضوع
http://el3bor.blogspot.com/

kumonah 25 يناير، 2010 11:14 م  

طبقت درس (إضافة "غقرأ المزيد)
قبل التحديث
فهل أزيل الأكواد التي أضفتها من موضوعك الأول؟؟
أم أنسخ الأكوادالجديدة مع تلك القديمة ؟؟
أرجو أن تفيدني أخي الفاضل
وجزاك الله خيرا

غير معرف 14 مارس، 2010 9:18 م  

اظن الان في مسدوة بلوغر هناك طريقة اسهل بكثير من شباك الكتابة لتنفيذ "اقرا المزيد"

عمر 14 مارس، 2010 11:02 م  

لقد كتبت موضوعا في هذا الامر
حسنا سأحيل عليه في هذه التدوينة حتى يتنبه الجميع
شكرا على التنبيه

محب العترة 29 أبريل، 2010 12:53 ص  

بصراحة الموضوع يحتاج اعادة ضياغة الاكواد موضوعه على شكل صوره
الكود الثاني غير موجود اصلا

محمد جمال النادى 30 مايو، 2010 2:00 م  

شكرا لك ولكن هذه الخدمة موجودة الآن فى بلوجر

عمر 30 مايو، 2010 8:02 م  

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

Mohamed Sakr 28 يناير، 2014 8:46 ص  

شكرا ياغالي موضوع رائع رغم قدمه

إرسال تعليق

أحدث الموضوعات

أحدث التعليقات

عن المدونة

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

الزوار

  © Blogger template 'Ultimatum' by Ourblogtemplates.com 2008

Back to TOP