كود اقرأ المزيد

الثلاثاء، 5 يناير 2010


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





(اضغط على الصورة لتكبر بشكل واضح )




--» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.

1 - الخطوة الأولى: من باب او قائمة " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة صح في المربع الصغير أعلى صندوق التحرير و نبحث عن

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




<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>



او نبحث عن الكود التالي :


<head>




ومباشرة بعدها إي تحتها نضع الكود الموجود أعلاه . ( طبعا هذا للتوضيح يعني إما ( head / ) الثانية او ( head ) الاولى ) في صفحة HTML .


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

2 - الخطوة الثانية : نعمل بحث يعني ( Ctrl+F ) عن الكود التالي :



ثم نحدده أي نضلل عليه ثم نستبدله بالكود التالي :


<p><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> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>


لجعل الصورة إلى جهة اليسار استبدل right ب left في الكود أعلاه .
و أخيرا احفظ القالب و مبروك عليك اضافة ( اقراء المزيد ) ! 

إخواني أرجو ممن يجرب الكود أن يعلمن بالنتيجة وفي انتظار تعليقاتكم


مع تحياتي الهاشمي
إخواني الكرام الدرس منقول من مدونة المحررون العرب وهذا للعلم .


7 التعليقات:

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

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

مدير الموقع يقول...

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

محمد بهجت يقول...

الله ينور عليك هذا الكود يعمل جيدااا وقد قمت بوضعه في مدونتى كتجربة فقط فوجدتة يعمل بامتياز

جزاك الله خيراعلى إحسانك

مدير الموقع يقول...

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

مشكوووووووووووووور مجهود رائع

إرسال تعليق

شاركنا برأيك ولا تمر مرور الكرام