مساحة إعلانية

السبت، 26 يناير، 2013

السبت، 26 يناير، 2013

الطريقة الصحيحة لإضافة وإستخدام خاصية اقرأ المزيد

Blogger auto Read more
إضافة اقرأ المزيد هي إضافة تقوم بتنسيق المواضيع بشكل تلقائي بحيث تصبح المواضيع متساوية في العرض والإرتفاع وحكم الصور وأيضاً تساهم في تنسيق طول الصفحة حتى لا تعرض الصفحات بشكل كامل فتكون طويلة

المرحلة الاولى

<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
في هذا النموذج الصورة على اليمين إن أردتها على اليسار
استبدل float:right; بـ float:lift;
واستبدل margin-left: 10px;  بـ margin-right: 10px;
أما ان اردتها في الوسط فإحذف الكودين
الأربعة أرقام في بداية الكود
  1. 400 عدد الحروف الظاهرة بدون صورة
  2. 300 عدد الحروف الظاهرة مع وجود صورة
  3. 160 إرتفاع الصورة
  4. 180 عرض الصورة
احذف الأكواد الصفراء إن لم ترد الصورة قابلة للضغط

المرحلة الثانية

ابحث عن هذا الكود <data:post.body/> وإستبدله بالتالي
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>

المرحلة الثالثة

ابحث عن الكود التالي ان وجدته إحذفه
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

هناك 85 تعليقًا:

  1. مشكور على الإضافة الجميلة وخاصة الصورة بالوسط
    تحياتي

    ردحذف
  2. أهلاً ومرحبا بك أخي أسامه
    وسعدت بمرورك الكريم

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

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

    ردحذف
  5. جزاكم الله خير الجزأ استفدنا منكم بالتوفيق والى الامام

    ردحذف
    الردود
    1. وجزاكم الله بالمثل
      وتشرفت بمرورك الكريم

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

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

      حذف
  7. لا اجد الرابط الثانى .... كيف اوسع القالب فى الواجهه الجديدة ؟

    ردحذف
    الردود
    1. فضلا مراجعة هذا الموضوع من هنــا به طريقة البحث عن الأكواد في الواجهة الجديدة

      حذف
  8. اخى الكريم وضعت الاكوا ولاكنها لا تعمل فى مدونتى ماذا افعل على العلم انى لا اعلم لماذا هذه الاضافه لا تنضاف الى مدونتى فانا اريدها لاعتماد مدونتى عليها ساعنى ولك جزيل الشكر وق جربت هذه الاضافه من مدونات اخرى وايضا لم تعمل فى مدونتى ساعنى

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

      حذف
  9. الردود
    1. انسخ أخي اكواد الوسم ولا تكتبها لانك لو كتبتها ستكون مختلفة وابحث عنها بالطريقة الصحيحة
      راجع هذا الموضع للتعرف على الطريقة الصحيحة للبحث في محرر قوالب بلوجر
      http://cnmu.blogspot.com/2013/04/improvements-to-blogger-template.html
      الوسمين المذكورين في الموضوع موجودين في كل القوالب فهما وسوم اساسية فقط ابحث وستجد الوسم وبالتوفيق

      حذف
  10. اين يتم تركيب هذه الاضافة ؟؟

    ردحذف
    الردود
    1. في القالب أخي كما هو مشروح

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

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

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

    ردحذف
    الردود
    1. في الغالب سبب الخلل قد يكون عند تركيب الجزء الثاني من الكود والبحث عن
      <data:post.body/>
      هذا الكود في العادة يكون متكرر أكثر من مرة واحد فقط سيعمل معك عليك البحث عنه وان وجدته متكرر جرب استبدال كل واحد مرة حتى تجد الكود المناسب

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

      حذف
    3. وفيك بارك الله تعقيبي الوحيد هو ازالة تعليقات الفيس بوك من الصفحة الرئيسية

      حذف
    4. اقسم لك انني دخلت مدونتك حالا لاكتب لك بخصوص نفس الامر نفس الامر فانا حاولت ولكن
      لم استطع اريد الطريقة ان امكن واسف لاثقالي عليك
      جزاك الله خيرا

      حذف
    5. تفضل أخي فوق كود الفيس بوك أضف هذا الكود
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      وتحته أضف
      </b:if>
      أو راجع هذا الموضوع لمعرفة طريقة التركيب السليمة
      http://cnmu.blogspot.com/2013/05/Facebook-Comments.html

      حذف
  13. أخي هذه الخاصية لم تنجح معي في مدونتي http://radiomohajir.blogspot.com/

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

      حذف
  14. =g هل اضيفك كادمين وتعمل لي اقرا المزيد

    ردحذف
    الردود
    1. =s للأسف أستاذي الكريم أنا اقدم الشروحات فقط لكن خدمات الدعم الفني لا اقدمها نظراً لإستهلاكها الكثير من الوقت
      حاول يا طيب تركيبها والاهم انك عندما تركبها بنفسك سيكون افضل لتعتاد التعامل مع الأكواد
      وشكراً لتشريفك المدونة

      حذف
  15. اشكرك على الشرح الرائع وقمت بتطبيقه

    ولكن اريد العود الى الوضع الافتراضى

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

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

      حذف
  16. السلام عليكم

    قمت بتطبيق هذه الاضافة ونجحت بالفعل و لكن يوجد مشكلة كلمة "للمزيد" تنسيها به خطا و ايضا الكلمة اسفل الكلام وليس بجواره

    http://doxsonengland.blogspot.com/

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

      حذف
    2. اشكرك على الاهتمام والرد

      الكلمة مجزئة "للمز" فى سطر و "يد " فى سطر على متصفح كروم


      حذف
    3. تمام اختي فهمت الآن , في السطر فوق الكلمة ستجدين هذا الكود margin-top:15px; اضيفي بجواره
      width:50px;

      حذف
    4. شكرا .... كلمة المزيد تنسيقها اتعدل

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

      حذف
    5. وجزاك الله بالمثل اختي الفاضلة

      حذف
  17. لم تنجح معى اخى الكريم http://write-arabic.blogspot.com/

    ردحذف
    الردود
    1. ان كنت طبقتها مضبوط اخيالمفترض ان تعمل
      لكن ملحوظة خاصية وصف البحث المخصص في بلوجر احيانا عند تنشيطها تتعارض مع تلك الآداة
      ان كانت تعمل لديك اغلقها وانظر هل تعمل اقرأ المزيد ام لا وهذا موضوع يوضح الخاصية وتنشيطها ويمكنك اغلاقها بعكس طريقة التنشيط
      http://cnmu.blogspot.com/2014/03/custom-meta-descriptions.html

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

    ردحذف
    الردود
    1. أخي الكريم قد تجد الوسم data:post.body متكرر اكثر من مرة في القالب واحد فقط سيعمل لذلك عليك التجربة على كل واحد مرة حتى تجد المطلوب ويجب ان تأخذ نسخة احتياطية من القالب بالنسبة لطلبك ارجوا المعذرة فانا لا اقدم خدمات الدعم الفني عبر المدونة وهيا لخدمات التي تتطلب مني تركيب قالب او الإطلاع عليه بنفسي لانها تاخذ وقت ومجهود ويكثر الطلب عليها فاعتذر منك مرة اخرى وحاول وبإذن الله ستنجح

      حذف
    2. هو اصلا الكود موجود ومش نافع يتعدل اغير فية بردة مش نافع والقالب ركبتة على مدونة اخرى بجرب عليها نفس الحكاية ومشمن البحث المتخصص مع العلم ان اصلا القالب موجود فية اقرا المزيد وشغال فى مدونات تانية

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

      حذف
    4. اصلا الاصلى مش شغال

      حذف
    5. =d اذن اخي الكريم غير القالب يبدو ان المشكلة منه

      حذف
  19. أخى الكريم شاهد هذا القالب موجودة أقرأ المزيد ولكنلا تعمل ابدى لى نصيحتك http://write-arabic.blogspot.com/

    ردحذف
  20. لا اعرف اخي الكريم ما المشكلة لديك بالضبط لكن الإضافة تعمل في القالب جيداً ؟؟

    ردحذف
  21. لو سمحت ممكن برنامج لعمل القوائم المنسدلة css لقوالب بلوجر

    ردحذف
    الردود
    1. تفضل أخي راجع هذا الموضوع به شرح عمل القوائم المنسدلة
      http://cnmu.blogspot.com/2013/12/Css-Drop-Down-Menu.html

      حذف
  22. موضع 100% منسق جداا ومفيد

    ردحذف
    الردود
    1. حياك الله أخي أحمد سرني مرورك =r

      حذف
  23. اخى انا اخوك من مصر ارجو تساعندى مش عارف اعملها وعملت كل شى ومش عاوزة تاجى

    ردحذف
    الردود
    1. حياك الله أخي الكريم غالباً يا طيب سيكون هذا الكود مكرر لديك
      <data:post.body/>
      وهي ستعمل على واحد فقط فيجب ان تجرب على كل واحد الى ان تجد المضبوط
      بالنسبة لمسالة المساعدة الخاصة أنا يا طيب اقدم الشروحات العامة والمساعدات العامة التي تكون ظاهره من النظر للمدونات
      اما اى شئ يتعلق بالإطلاع على القالب او التعامل مع المدونة نفسها لا اقدمها وهي ما يسمى بخدمات الدعم الفني وذلك لانها تستهلك وقت ومجهود اكبر وهناك المئات الذين يطلبونها فلا استطيع تقديمها نهائيا عبر المدونة
      وبالتوفيق يا طيب

      حذف
  24. ألف شكر لك .بارك الله فيك. جزاك الله خيرا

    ردحذف
  25. السلام عليكم أشكرك كثيرا أستاذ وأخي
    فقط لم تطلع معي
    http://www-islamic-culture.blogspot.com/

    ردحذف
    الردود
    1. غالباً ستكون المشكلة في هذا الكود data:post.body
      فهو يكون متكرر عدة مرات في القالب وواحد فقط سيعمل معك عليك التجربة مع كل واحد الى ان يضبط معك ولا تنسى اخذ نسخة احتياطية من القالب

      حذف
  26. عاوز لما اكون كاتب تدوينه صغيره من سطرين لا يظهر هذا الزر
    بمعنى انني لا اريده ان يظهر الا في حالة المدونات الكبيرة
    مثل نظام فيسبوك
    هل ممكن ذلك اخي ؟

    ردحذف
    الردود
    1. الحل الوحيد لهذا الأمر أخي هو أن تستخدم فقط الفاصل اليدوي ولا تستخدم الآداة التلقائية
      هذا لن يجعل المواضيع بنفس التسيق لكنه سيلبي ما تريد

      حذف
  27. شرح مميز بارك الله فيك

    ردحذف
  28. الردود
    1. لم أفهم اى كود لم تجديه ؟

      حذف
  29. السلام عليكم
    تم التجربة ولكن الخمحتوي النصي بجوار الصوره صغير جدا مع اني بالموضوع منسقه ومكبر الفونت
    وللعلم جربت الكثير من الطرق ودي الي ظبطت معايا
    منتظر ردك بخصوص الفونت

    ردحذف
  30. وعليكم السلام ورحمة الله وبركاته
    يجب تكبير الخط في تلك المنطقة
    غالبا سيكون كافيا اضافة الكود التالي فوق الوسم ]]></b:skin>
    .post.hentry {
    font-size: 18px;
    font-weight: bold;
    }
    الرقم 18 هو حجم الخط
    اما هذا السطر font-weight: bold;
    هو يخص سمك الخط يمكن حذفه ان لم تكن تريد الخط سميك

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

    ردحذف
  32. مشكور اخ عمرو تم التطبيق
    جزاك الله خيراً

    ردحذف
  33. شكرا جزيلا بالتوفيق

    ردحذف
  34. ركبت الاضافة وشكرا علية ولكن كيفية تغير الخط داخل التوينة
    http://www.beinkora.cf
    http://www.beinkora.cf/2015/11/blog-post_44.html

    ردحذف
    الردود
    1. مظهر ونوع الخط يتعلق بالتصميم ونفسه وليس الإضافة
      يمكنك الإستعانة بهذا الموضوع فيما يتعلق بالخطوط
      http://cnmu.blogspot.com/2013/03/blog-post_14.html

      حذف
  35. http://pablo-dontura.blogspot.com/


    انا جربت لكن لم ينجح اريد حل اخي بسرعا

    ردحذف
    الردود
    1. أخي من الواضح انها تعمل لديك

      حذف
  36. شكرا انا كنت بجرب باقي الشروحات ما نفع الا هذه الشرح شكرا لك

    ردحذف
  37. شكرا لك لقد تمت الاضافة

    ردحذف
  38. ممكن كود لإظهار عنوان التدوينة وصورة مصغرة فقط فى الصفحة الرئيسية وفى صفحة عرض المواضيع

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

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      راجع هذا الموضوع
      http://cnmu.blogspot.com/2015/10/Limits-of-Posts.html

      حذف
  40. لقد قمة ببرمجة قالب ولاكن عند اضافة اقراء المزيد لا يظهر شئ في المدونة

    ردحذف
    الردود
    1. هذا الكود
      <data:post.body/>
      يكون مكرر احدهم فقط الذي ستعمل عليه الإضافة

      حذف
  41. نفذت الخطوات ولا جديد ؟

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

      حذف
  42. نشكر على هذا المجهود المتواصل ...... ممكن طريقة تفعيل خاصية اقرأ المزيد (في الموقع )

    ردحذف
    الردود
    1. الشرح أخي لو طبقته مضبوط سيفعل الخاصية

      حذف
  43. اخي الكريم اريد اضافة الموضوع السابق والتالي الخاص بمدونتك

    ردحذف
    الردود
    1. راجع هذا الموضوع
      http://cnmu.blogspot.com/2014/02/Show-Next-and-Previous-Post-Titles.html

      حذف
  44. اشكرك على الموضوع الرائع

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©