2008-12-31

طريقة إضافة "اقرأ المزيد " لمدونات البلوجر Blogger

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

أولا ستدخل إلى مدونتك كما العادة ثم ستتجه إلى :

تخطيط >> ثم إلى >> تحرير HTML ثم إلى >> تنزيل قالب كامل

تماما كما في الصورة التالية :


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

والآن أهم خطوة في في هذه المرحلة وهي البحث في القالب عن الأسطر التالية :

<div class='post-header-line-1'/>
<div class='post-header-line'>

ولعمل ذلك اضغط على CTRL+F وأدخل الأكواد السابقة أو أحدهما إلى مستطيل البحث .

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

لنعود إلى موضوعنا ، بعد أن تجد الأكواد السالفة الذكر، ضع أسفلها هذا الكود وهو الجزء الأول من الإضافة المراد اضافته إلى القالب :

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

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

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

وبهذا نكون قد قطعنا نصف الطريق .

لاحظ معي الصورتين السابقتين وقلي ماذا ترى ، أكيد أنك ترى هذا الكود :

<data:post.body/>

وهو يوجد في الصورتين معا ، بمعنى آخر أنه مهما يكن نوع قالب مدونتك سواء الحالة الأولى أو الثانية فبالتأكيد يحتوي على ذلك الكود .

الآن ما نريده هو إضافة الجزء الثاني من الإضافة ، هنا يأتي دور الكود السابق الموجود في الصورتين ، بحيث أننا سنضيف الجزء الثاني من الإضافة أسفل ذلك الكود .

وهذا هو الجزء الثاني من الإضافة قم بنسخه كما سبق وذكرت في الملاحظة وألصقه أسفل الكود السابق :

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

ويجب أن تكون النتيجة كما في الصورة التالية :

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

الخطوة الثانية : طريقة إضافة الكود إلى إعدادات المدونة

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

اتجه إلى " إعدادات " => " التنسيق " => " قالب الرسالة "

ثم أضف الكود التالي :

<span class="fullpost">

</span>

يجب أن تكون النتيجة كما في الصورة التالية :

لا تنسى أن تحفظ الإعدادات بعد الإنتهاء من اضافة الكود

الخطوة الثالثة : اختبار لكل ما سبق عمله .

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

كما يعلم الجميع ، المكان الذي نستطيع فيه التحكم بالجزء المراد ظهوره في الموضوع عند صفحة البداية هو مكان كتابة الموضوع لذلك عندما تبدأ في التدوين ستقوم بعمل التالي :



ستعمل تماما كما في الصورة ، وستكون النتيجة كما يلي :

وهكذا يكون قد انتهى الموضوع .

ملاحظات هامة :

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

هناك من يفضل أن يضيف عبارة أخرى غير "اقرأ المزيد ..." وهذا الأمر سهل للغاية ، فقط قم بتغيير العبارة "اقرأ المزيد ..." بأي عبارة تفضلها .

عند كتابة تدوينة قم بعمل الخطوة الثالثة قبل أن تقوم بأي تغيير ، مثلا تغيير حجم الخط أو تغيير الكتابة من اليمين إلى الوسط أو غير ذلك .

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

63 تعليقات:

شـ ـ ♪ ـ موٍخ يقول...

تسلم اخوي ..

والله يعطيك العافيه ..

^_^

شـ ـ ♪ ـ موٍخ يقول...

ارجو اعطاء رايــك

:)

http://lovetheso.blogspot.com/

عابس يقول...

طريقة جميلة جدًا

وتقريبًا نحتاجها جميعًا

شكرًا لك أحمد

أحمد الرامي يقول...

العفو أخي ، كنت أستعملها سابقا لكنني الآن استغنيت عنها بسبب بعض المشاكل

atyafmsr يقول...

عندما استخدمتها اختفت جميع الرسائل من المدونة

أحمد الرامي يقول...

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

اسامة زيد زيد زيد يقول...

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

candic1 يقول...

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

أحمد الرامي يقول...

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

candic1 يقول...

شكرا لك على مجهودك انا عملت الى انت قلت عليه وغيرتها
بس فى سؤال تانى انا آسفة انى بضايقك بأسئلتى
دلوقتى انا عملت الى انت قلت عليه بس الرسالة بتظهر فى المدونةكاملة مع ان كلمة اقرأ المزيد موجودة
وبالرغم من انى عملت الكود الى بيتحط فى اعدادات قالب الرسالة ذى ما انت شرحت مش عارفة ليه الرساله برضه بيظهر موضوعها كامل
ده رابط المدونة علشان تشوف بنفسك وتقولى رأيك
http://dreemdrama.blogspot.com

أحمد الرامي يقول...

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

candic1 يقول...

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

أحمد الرامي يقول...

أنا أيضا اسف على اللخبطة :)

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

sousou يقول...

شكرا لك أخي لقد قمت بتطبيق الامر لكن في قالب الريالة عند التحرير تظهر عبارة read more .
ولكي أحصل على نتيجة أقوم بحذف العبارة ووضع الكود الذي أشرت اليه
fullpost

مبارك يقول...

أخي أحمد
تحية طيبة وبعد
أنا قمت بعمل الخطوات وقمت بحفظ نسخة احتياطية وحينما حفظت الاعدادات انقلبت القائمة في المدونة من اليسار لليمين
بمعنى تبادل العمودان وأنا لاأرغب بهذا :(
كيف لي بإعادة ترتيب العمودين إلى ماكانا عليه بحيث قائمة الرسائل على اليمين وقائمة الأدوات على اليسار
مع أجمل تحية

يشرفني مرورك :

http://mam216.blogspot.com/

gehad sayed يقول...

جزاك الله خيرا على شرحك الرائع

ولكنى لى استفسار عن مشكله لى لا تتعلق بهذا الموضوع

والمشكله تخص الصور

فمدونتى منذ فترة وانا لا أستطيع وضع الصور بها عندما اضع كود الصورة واضغط تحميل الصورة لا تظهر فى الموضوع

أتمنى الرد لانى لا استطع الان الكتابه فى مدونتى بدون صور
والمدونه شبه متوقفه

http://gamesxgamesxgames.blogspot.com/

gehad sayed يقول...

ولدى استفسار اخر لو سمحت
عندما فعلت تلك الخطواط انقل القالب الخاص بى واصبحت الاعلانات والتسميات وكل ذلك على يمين القالب بعد ان كانت على يساره

فماذا افعل

بارك اللهه فيك

http://gamesxgamesxgames.blogspot.com/

gehad sayed يقول...

لقد حليت مشكله القالب اتمنى ان تحل لى مشكله الصور

بارك الله فيك

بورفؤاديون يقول...

السلام عليكم
جهد مشكور

لم أجد في القالب العبارات
---------------
div class='post-header-line->


ماذا أفعل لأضافة الخاصية إلى المدونة
مدونتي على بلوجر
www.portfouad.blogspot.com

بورفؤاديون يقول...

عندما استخدمتها اختفت جميع الرسائل من المدونة

walid يقول...

وليد سعيد مرحب
Www.wa1lid.blogspot.com
ارجو الزيارة ...؟

star7ob يقول...

للاسف انا مش فاهم حاجه انا امتلك مدونه مجانى ولكن اريد ان افعله مثل هذا المدونه ...

رابط المدونه

http://star7ob.blogspot.com

البريد الاكتروانى ....

star7ob@lamst7ob.com

ياريت حد يكلمنى او بى معنه اصح يسعدينى .

osama يقول...

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

osama يقول...

انا ضفت اقرا المزيد بس المشكلة انها بتعرض المقال كامل
بس يريت ترد عليا فى اقرب وقت http://osamatk.blogspot.com/

OSAMA_112003@YAHOO.COM
وانا بشكرك كتير على مواضيعك

غير معرف يقول...

انا طبقت ماقلت ولكن عندما احفظ القالب


يقول
لايمكن لانك غير منسق بشكل جيد تأكد من ملف x

وكمان تتطلع لي كتابات

محمد سيد محمد يقول...

تمت الأضافة ولكن كلمة اقر المزيد تكون بالانجلش
read more كيف اجعلها عربى
شكرا لك

غير معرف يقول...

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

ahmed atta يقول...

شكرا اخى

غير معرف يقول...

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

تحياتي اخوي ويعطيك الف عافية على هذا الشرح الوافي
أعترف اني استفدت الكثير من مواضيعك
بس عندي مشكلة ياليت تساعدني فيها
انا بصصد انشاء مدونة رسمية تمثل مدارس المنطقة التي اعمل فيها طبعا خبرتي مو شي ومحتاجة مساعدتك كثير اذا ممكن
بالنسبة لسالفة ( اقراء المزيد ) طبقت كل الشرح وصار اوكي بس ارسايل وينها ؟؟؟؟!!!! اختفت
وش الحل


هذا عنوان المدونة

http://mschoolgirls.blogspot.com/


وهذا ايميلي للتواصل بليز لاتبخل علي بالمساعه الله يجزاك خير

ma.ma2000@hotmail.com

ودمت بود

عزي عمر يقول...

الله يعطيك كل خير، وكل ما تتمنى أخي الكريم رمضان مبارك و كل عام و أنت بألف خير

عزي عمر يقول...

الله ينورك أخي رابط مدونتي هو :http://marketomar.blogspot.com/

MKMS يقول...

شكرا لك
مدونتى http://altarekalsah.blogspot.com/

ahlasite يقول...

السلام عليكم ورحمة الله
أشكرك على مواضيعك المفيده جداً وشكراً على مساعدة الأخرين فى حل مشاكل مدوناتهم جزاك الله كل خير أخى

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

هل من حل لهذه المشكلة .. وقمت بعدة مرات بتغيير القالب من القوالب الأخرى الأجنبيه لعل القائمة الجانبيه تنظبط أو تظهر فى موضعها و لكن لم أعثر على حل لهذه المشكلة وانتظر ردك فى أقرب وقت ولك كل تحياتى
هذا الإيميل للتواصل معى على الماسنجر ahlasite.com20@yahoo.com

هذه هى المدونة التى بها المشكلة
http://forextrining00.blogspot.com/

غير معرف يقول...

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

جعل الله عملك هذا في ميزان حسناتكـ|.~

eng_muhammad يقول...

اشكرك اخى احمد ولكن بعد ان نفذت كل هذه الخطوات اختفت الرسالة وكل الرسالة الموجودة من قبل فى المدونة
فماذا افعل
amkhaled.blogspot
muhammadallahakbar@gmail.com
فى انتظار ردك

رنداالجنوبية يقول...

السلام عليكم

جزااك الله خيرا اخي ونفع بك الامه وزادك علما

انا سويت كل شي ضبط الحمدلله ولكن ابغى اغير اقرأ المزيد من الانجليزي الى العربي ولكن لخبطت الدنيا ومالقيت الكود اللي فيه read moreعشان اغيره ماادري وين الخطأ

رنداالجنوبية يقول...

وكمان الصور ابغاها صغيرة وعلى اليساروشكرا

رنداالجنوبية يقول...

وهذا الرابط

http://randasouth.blogspot.com/

عبدالله يقول...

ما شاء الله عليك درس مفيد جدا.
أتمنى لك الصحة وعمرا مديدا .والله يعينك على كل ماتريد .

محب العترة يقول...

اخي الكريم كلما حاولت تظهر لي هذه الرساله
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: The element type "b:if" must be terminated by the matching end-tag "".
رغم اني اتبعت الخطوات السليمه كما شرحت

مدونة ابو الأسد يقول...

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

بوسي يقول...

جزاك الله كل خير بس عندي استفسار كيف يمكنني حذف شيء من المدونه لم ارغب فيه متل فيديو او صوره

e.officiel يقول...

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

عَبـَق الشَّـريف يقول...

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

http://img105.herosh.com/2010/06/20/610698806.gif
طبعا انت ماقلت ناخذ حفظ بس انا اخذت
وكملت مثل ماقلت رحت اعدادات وتسيق وحطيت الكود في مكانه الصحيح

بس اللي حصل انه ماطلع معي نتيجة صح وكمان اختبصت المدونة كنت كاتبه بس واحد موضوع للأسف انه طار

هذي مدونتي بعد التخبيص

http://3baqalshareef.blogspot.com/

محمد الامين يقول...

شكرا لك علي الافادة

mamohdali169 يقول...

السلام عليكم اخي الكريم ...
انا من المبتدئين في انشاء المدونة واريد ان اضيف اعلانات مدونتك في مدونتي , وذلك من باب التعاون والمساعدة كوني منتدء في هذا المجال .
ولكم جزيل الشكر .

محمد يقول...

شكرا على شرح اخي بس انا عندي مشكل لم اجد عباراتdata blog.pageType ==
.fullpost{display inline}
data:post.body

fullpostdisplay:none; في القالب لو تكرم تساعدني يالغالي

www.swatchs.c.la

غير معرف يقول...

www.guelmim.co.cc اود ان اضيف ميزة اقرا المزيد الا انني لا اضنها تتماشا مع هذا القالب

غير معرف يقول...

تم التطبيق الف شكر

http://mamlakti.blogspot.com/

Money يقول...

مدونة اصحاب كول



www.as7apcol.blogspot.com

nadou nidou يقول...

شكور اخي لكن قرأت الموضوع اثر من مرة ولم يتم فعل هذه الطريقة اريد المساعدة من فضلكم فانا مبتدءة

راجية رضى ربي يقول...

http://michelkiki25.blogspot.com/

Shereen يقول...

انا اهاني مشكلة في تخرير الHTML فبد عملية لصق الاكواد الحفظ تظهر جملة لتعلن لي ان تعديلات القالب ليست معدلةاو مرتبة فكيف تتم معالجة هذه المشكلة
ارجو المساعدة

شات صوتي يقول...

ششششششكراً لك

شات صوتية يقول...

اتمنى لك التوفيق وماقصرت اخوي شرح وافي جداً :)

islam osman يقول...

انا مش عارف اشترك فى ادسنس مع العلم انى حولت كتير لكن بيرفضو طلبلا ومن غير سبب

الأكحـــــــــــــل يقول...

عند تحميل اي قالب تظهر لي هذه الرساله لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: Content is not allowed in prolog.
اروجوووووو المساعده لانني لم استطع حلها ولكم جزيل الشكر

غير معرف يقول...

http://almlak-meka2yl.blogspot.com/

شات حلا كول يقول...

اتمنى لك التوفيق وماقصرت اخوي طريقة شرح سهله بدون تعقيدات , بارك الله فيك وإلى الامام :)
إحترامي لك
http://www.ksaok.com
http://www.3z-n.net

samah يقول...

شكرا لك

شات صوتي يقول...

اتمنى لك التوفيق وماقصرت اخوي شرح وافي جداً :)
http://www.chatevoice.com/

chat voice يقول...

تم التطبيق الف شكر

شات تواعدنا يقول...

شكرا لك اخي
كم شخص استفاد من قلمك ؟؟ للامانه انت شخصصصصص مبدع شكرا لك

إرسال تعليق