الخميس، 25 يونيو 2009

هاك Read More أو إقرأ المذيد للبلوجر

هاك جديد من هاكلت البلوجر مطلوب من الجميع ويستخدمة محترفى البلوجر , تستطيع مع هذا الهاك إضافة ملخص أو الفقرة الأولى من مقالك كبداية للمقال ب... thumbnail 1 summary


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

وإليك عزيزى المدون خطوات عمل الهاك بمنتهى السهولة .....

أولا :ومع الخطوة الاولى وهى إضافة الستايل فى جزء الـ"CSS" الخاص بقالب مدونتك عن طريق الدخول لحسابك من "Dashboard" اذهب الى "Layout" ومنة اضغط على "Edit HTML"
وفوق الكود :



]]></b:skin>




ضع الكود التالى :



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




الخطوة الثانية :وهى إضافة رابط "Read MORE" أو" اقرأ المذيد " التى ستظهر بعد أول فقرة من فقرات مواضيعك وذلك عن طريق :
تنشيط المربع "Expand Widgets Template" أى وضع علامة الصح فى المربع ثم قم بالبحث عن الكود التالى :



<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
ضع الكود هنا
</div>



ثم ضع الكود التالى بعدة مباشرة :


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



ثم قم بحفظ القالب عن طريق الضغط على "Save Template" .

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

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

وذلك باتباع الآتى :

من القائمة "Settings" نذهب إلى "Formatting" فى نهاية الصفحة ستجد مربع فارغ بجوارة مكتوب "Post Template" اكتب فية الكود التالى :


Here is the beginning of my post. <span class="fullpost">And here is the rest of it.</span>


ثم قم بالضغط على "Save Settings" .

والان اذهب الى محرر المواضيع "Add New Post" وعن طريق الضغط على "Edit HTML" ستجد الكود الاخير موجود فى أول المقال كالصورة التالية :

حيث ستستبدل الجملة "Type your summary here" بالفقرة الاولى من المقال , وستستبدل ايضا الجملة "Type rest of the post here" بباقى المقال مع الحفاظ على الكود



<span class="fullpost">


والكود


</span>


فلا تقم بإلغائهم .
ثم بعد ذلك اضغط "Publish Post" لتنشر مقالك .
وبالتوفيق للجميع .

هناك 12 تعليقًا

  1. ما شاء الله شرح وافي وكافي
    بارك الله بك

    ردحذف
  2. الاخي الكريم المشكلة انك حين تضغط على "رييد موور" الموضوع يفتح في اطار اكسبلورر جديد !!! هل يمكن فعل شيء حيال ذلك ؟
    اي ان يبقى يفتح بنفس النافذة

    ردحذف
  3. أزال المؤلف هذا التعليق.

    ردحذف
  4. يمكنك ذلك اخى الكريم عن طريق ازالة (target=_blank)من الكود التالى:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url' target='_blank'>Read more!</a>
    </b:if>
    وشكرا لمرورك الكريم

    ردحذف
  5. اخي الكريم هاذا هو الكود ولكن عندما امحو 'target='_blank'
    يظهر خطا في الكود ولا تفتح المدونة
    ارجوا كتابة ما يجب محوه بالضبط
    بارك الله بك

    ردحذف
  6. بعد تجارب عدة وصلت الى الحل والقسم اللذي يجب محوه :))

    فبارك اله بك على جهدك :)
    السلام عليكم

    ردحذف
  7. شكرا اخي لدي استفسار حول كيفية اضافة التقييم كما لديك

    ردحذف
  8. الاجابة وضعتها فى موضوع
    http://dalilblog.blogspot.com/2009/07/blog-post_16.html

    ردحذف
  9. يا سلام علي الشرح يا أستاذنا
    بارك الله فيك
    بس ياريت تراجع أكواد الموضوع التاني بتاع أضافة أقرا المزيد عن طريق الجافا سكربت لانة مش شغال
    وألف شكر
    أن شاء الله هتبقها علي مدونتي باللغة الانجليزية
    http://ipod-touch-wizard.blogspot.com

    ردحذف
  10. جميل جدا شكرا لك

    ردحذف
  11. السلام عليكم بنسبة للقوالب نريد ان تعطيني القوالب على شكل html عبر البريد ( نسخ لصق )(ridamaryamaz.com@gmail.com) وذلك لاني لم استطع التحميل ونكون لك شكرين وارجو ان تعطين بغض الطرق لنقوم بتحسين القوالب وشكرا

    ردحذف
  12. اخوك في الله25 أكتوبر 2009 في 9:06 ص

    اخي الكريم
    حاولت اضافه هذه الخطوه الهامه جدا ولكني كنت سأتسبب في تخريب المدونه
    لذا فكرت ان اقوم بنسخ الكود وارساله لكم لعمل هذه الخطوه بنفسك
    نظرا لحاجتي اليها ولاهميتها بالنسبه لي
    وحتى لا افسد التنب
    ولكم خالص التحيه والتقدير
    برجاء تحميل الملف الخاص بكود التي اتش ام والخاص بالمدونه من خلال الرابط التالي
    http://www.megaupload.com/?d=OP2IG2S3
    كذلك ارجو تعديله ثم ارساله رفعه مره اخرى بعد التعديد ووضع لنك الملف في تعليقك ايضا (كما فعلت انا لك الان)

    ردحذف