إضافة اقرأ المزيد هي إضافة تقوم بتنسيق المواضيع بشكل تلقائي بحيث تصبح المواضيع متساوية في العرض والإرتفاع وحكم الصور وأيضاً تساهم في تنسيق طول الصفحة حتى لا تعرض الصفحات بشكل كامل فتكون طويلة
المرحلة الاولى
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;
أما ان اردتها في الوسط فإحذف الكودين
الأربعة أرقام في بداية الكود
- 400 عدد الحروف الظاهرة بدون صورة
- 300 عدد الحروف الظاهرة مع وجود صورة
- 160 إرتفاع الصورة
- 180 عرض الصورة
احذف الأكواد الصفراء إن لم ترد الصورة قابلة للضغط
المرحلة الثانية
ابحث عن هذا الكود <data:post.body/> وإستبدله بالتالي
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</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 + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
مشكور على الإضافة الجميلة وخاصة الصورة بالوسط
ردحذفتحياتي
أهلاً ومرحبا بك أخي أسامه
ردحذفوسعدت بمرورك الكريم
شكككككررررررررررررا على الموضوع المتميز :)
ردحذفوانتظر اول قالب من تعريبى بإذن الله :*
بس عندى طلب بس بالله عليك تساعدنى
عاوز اعرف الكلاسات الى اقدر اعدل عليها عشان اكبر او اصغر الفونت او اغيره الى جنب الصورة فى الرئيسية
وشكرا :)
بإذن الله ننتظر قالب مميز من تعريبك
ردحذفبالنسبة لموضوع الخطوط هذا الطلب طلبه أحد الإخوه الأفاضل أيضا لذا سيكون بإذن الله موضوعي القادم عن الخطوط فإنتظره وساذكر بقدر الإمكان طرق التعامل مع الخطوط وتنسيقها وتعديل الأحجام وتغيير الخط
جزاكم الله خير الجزأ استفدنا منكم بالتوفيق والى الامام
ردحذفوجزاكم الله بالمثل
حذفوتشرفت بمرورك الكريم
أشكرك ياغالي فعلا كلامك صحيح كنت معتمد بشكل كلي على
ردحذفالاضافة التلقائية ولم أستخدم الاضافة المدمجة
أشكرك أخي الغالي عمرو وجزاك الله خير الجزاء تم التعديل
الشكر لله أخي الحبيب
حذفوستجد أيضا بالإضافة الى ضبط عدد المواضيع ستصبح سرعة مدونتك مضاعفة بإذن الله
وبالتوفيق
لا اجد الرابط الثانى .... كيف اوسع القالب فى الواجهه الجديدة ؟
ردحذففضلا مراجعة هذا الموضوع من هنــا به طريقة البحث عن الأكواد في الواجهة الجديدة
حذفاخى الكريم وضعت الاكوا ولاكنها لا تعمل فى مدونتى ماذا افعل على العلم انى لا اعلم لماذا هذه الاضافه لا تنضاف الى مدونتى فانا اريدها لاعتماد مدونتى عليها ساعنى ولك جزيل الشكر وق جربت هذه الاضافه من مدونات اخرى وايضا لم تعمل فى مدونتى ساعنى
ردحذفأهلا بك أخي الكريم
حذفبالنسبة لتلك المشكلة إما ان قالبك يحتوي بالفعل إضافة اقرأ المزيد ومعطلة وعند اضافة غيرها لا تفعل او أن القالب به مشكلة لذا نصيحتي لك تغيير القالب ويمكنك تجربة احد قوالبنا فهي منسقة ومضبوطه وبها إضافة اقرأ المزيد مفعله
لم اجد الوسم
ردحذفانسخ أخي اكواد الوسم ولا تكتبها لانك لو كتبتها ستكون مختلفة وابحث عنها بالطريقة الصحيحة
حذفراجع هذا الموضع للتعرف على الطريقة الصحيحة للبحث في محرر قوالب بلوجر
http://cnmu.blogspot.com/2013/04/improvements-to-blogger-template.html
الوسمين المذكورين في الموضوع موجودين في كل القوالب فهما وسوم اساسية فقط ابحث وستجد الوسم وبالتوفيق
شكراً لك
ردحذفاين يتم تركيب هذه الاضافة ؟؟
ردحذففي القالب أخي كما هو مشروح
حذفالسلام عليكم
ردحذفاخي في مدونتي تظهر المواضيع التي في الصفحة الرئيسية بشكل كامل وغير مختصرة على الرغم من وجود زر اقرا المزيد وكانت تعمل سابقا ولكن لا ادري ماذا حدث
http://profmustafa.blogspot.com/
وعليكم السلام ورحمة الله وبركاته
حذفأخي الكريم الإضافة تعمل لديك بشكل مضبوط اظن ان السبب هو سرعة النت فقط عندما تكون سرعة النت ضعيفة قد لا يتم تحميل ملفات الإضافة فلا تظهر فلو قمت بعمل تحديث للصفحة ستجدها عملت جيداً
اخي الكريم
ردحذفاولا شكرا على المجهود الرائع والشرح الوافي .. مع الاسف لدي مشكلة
حاولت بشتى الطرق ولكن لم استطع اضافة الخاصية هل يمكنك مساعدتي
فكلما انتهيت تاتي المواضيع كاملة وبعدما اضفت الفاصل ظهر ولم تفعل الاضافة
وهذه مدونتي للاضطلاعليها http://shaabanali.blogspot.com/
في الغالب سبب الخلل قد يكون عند تركيب الجزء الثاني من الكود والبحث عن
حذف<data:post.body/>
هذا الكود في العادة يكون متكرر أكثر من مرة واحد فقط سيعمل معك عليك البحث عنه وان وجدته متكرر جرب استبدال كل واحد مرة حتى تجد الكود المناسب
شكرا جزيلا وبارك الله فيك بالفعل بحثت عن كود اخر وتم اضافة الخاصية
حذفتحياتي اليك
هذه المدونة في طور الانشاء واريد ان اقدمها لصاحبها في صورة جيدة فهل من ملاحظات لك عليها .. يهمني رايك بالفعل .. في انتظار الرد
عاطف علام مسئول المدونة http://shaabanali.blogspot.com/
وفيك بارك الله تعقيبي الوحيد هو ازالة تعليقات الفيس بوك من الصفحة الرئيسية
حذفاقسم لك انني دخلت مدونتك حالا لاكتب لك بخصوص نفس الامر نفس الامر فانا حاولت ولكن
حذفلم استطع اريد الطريقة ان امكن واسف لاثقالي عليك
جزاك الله خيرا
تفضل أخي فوق كود الفيس بوك أضف هذا الكود
حذف<b:if cond='data:blog.pageType == "item"'>
وتحته أضف
</b:if>
أو راجع هذا الموضوع لمعرفة طريقة التركيب السليمة
http://cnmu.blogspot.com/2013/05/Facebook-Comments.html
أخي هذه الخاصية لم تنجح معي في مدونتي http://radiomohajir.blogspot.com/
ردحذفأنا لم اجد في مدونتك مشاركات يا طيب وبالتالي لن تنجح الطريقة يجب ان تضيف مواضيع انما انت اضفت صفحات ثابته وليس مواضيع
حذف=g هل اضيفك كادمين وتعمل لي اقرا المزيد
ردحذف=s للأسف أستاذي الكريم أنا اقدم الشروحات فقط لكن خدمات الدعم الفني لا اقدمها نظراً لإستهلاكها الكثير من الوقت
حذفحاول يا طيب تركيبها والاهم انك عندما تركبها بنفسك سيكون افضل لتعتاد التعامل مع الأكواد
وشكراً لتشريفك المدونة
اشكرك على الشرح الرائع وقمت بتطبيقه
ردحذفولكن اريد العود الى الوضع الافتراضى
ولقد مسحت جميع الاكواد المضافة والمستبدله ووضع الكود الاخير الذى تم حذفه ولكن لم يظهر الوضع الافتراضى للمدونة
أخي الكريم عكس الطريقة يقينا يعيد الوضع الإفتراضي إلا لو كان الوضع الإفتراضي لديك اساسا مركب به إضافة أخرى مشابهة
حذفعموما ان كنت اخذت نسخة احتياطية من القالب كما نوهت في الموضوع يمكنك اعادة تركيبها
وبالتوفيق
السلام عليكم
ردحذفقمت بتطبيق هذه الاضافة ونجحت بالفعل و لكن يوجد مشكلة كلمة "للمزيد" تنسيها به خطا و ايضا الكلمة اسفل الكلام وليس بجواره
http://doxsonengland.blogspot.com/
وعليكم السلام ورحمة الله وبركاته بالنسبة لظهور الكلمة اسف وليس بجوار الكلام هذا طبيعي لان الكلمة جزء منفصل عن الموضوع نفسه يمكنك استبدالها بصورة كما هو مشروح بالموضوع ويمكن تغير مكانها من اليمين الى اليسار ايضاً كما هو مشروح بالجزء الاخير بالموضوع لكن هذا ليس خطاً ولا شئ
حذفاشكرك على الاهتمام والرد
حذفالكلمة مجزئة "للمز" فى سطر و "يد " فى سطر على متصفح كروم
تمام اختي فهمت الآن , في السطر فوق الكلمة ستجدين هذا الكود margin-top:15px; اضيفي بجواره
حذفwidth:50px;
شكرا .... كلمة المزيد تنسيقها اتعدل
حذفجزاك الله كل خير
وجزاك الله بالمثل اختي الفاضلة
حذفلم تنجح معى اخى الكريم http://write-arabic.blogspot.com/
ردحذفان كنت طبقتها مضبوط اخيالمفترض ان تعمل
حذفلكن ملحوظة خاصية وصف البحث المخصص في بلوجر احيانا عند تنشيطها تتعارض مع تلك الآداة
ان كانت تعمل لديك اغلقها وانظر هل تعمل اقرأ المزيد ام لا وهذا موضوع يوضح الخاصية وتنشيطها ويمكنك اغلاقها بعكس طريقة التنشيط
http://cnmu.blogspot.com/2014/03/custom-meta-descriptions.html
والله انا حاولت لدرجة انى يأست انا ممكن اجيبلك الاكونت تعملهالى
ردحذفلانى بصراحة اول مرة ارتاح فى قالب ومش عاوز اغيرة
أخي الكريم قد تجد الوسم data:post.body متكرر اكثر من مرة في القالب واحد فقط سيعمل لذلك عليك التجربة على كل واحد مرة حتى تجد المطلوب ويجب ان تأخذ نسخة احتياطية من القالب بالنسبة لطلبك ارجوا المعذرة فانا لا اقدم خدمات الدعم الفني عبر المدونة وهيا لخدمات التي تتطلب مني تركيب قالب او الإطلاع عليه بنفسي لانها تاخذ وقت ومجهود ويكثر الطلب عليها فاعتذر منك مرة اخرى وحاول وبإذن الله ستنجح
حذفهو اصلا الكود موجود ومش نافع يتعدل اغير فية بردة مش نافع والقالب ركبتة على مدونة اخرى بجرب عليها نفس الحكاية ومشمن البحث المتخصص مع العلم ان اصلا القالب موجود فية اقرا المزيد وشغال فى مدونات تانية
حذفأخي الفاضل ان كان القالب به اساساً اضافة اقرأ المزيد فتركيب الإثنين معاً سيجعلهما يتوقفان جرب تركب نسخة اصلية من القالب وطالما به الإضافة لا داعي لتركيب اخرى
حذفاصلا الاصلى مش شغال
حذف=d اذن اخي الكريم غير القالب يبدو ان المشكلة منه
حذفأخى الكريم شاهد هذا القالب موجودة أقرأ المزيد ولكنلا تعمل ابدى لى نصيحتك http://write-arabic.blogspot.com/
ردحذفلا اعرف اخي الكريم ما المشكلة لديك بالضبط لكن الإضافة تعمل في القالب جيداً ؟؟
ردحذفلو سمحت ممكن برنامج لعمل القوائم المنسدلة css لقوالب بلوجر
ردحذفتفضل أخي راجع هذا الموضوع به شرح عمل القوائم المنسدلة
حذفhttp://cnmu.blogspot.com/2013/12/Css-Drop-Down-Menu.html
موضع 100% منسق جداا ومفيد
ردحذفحياك الله أخي أحمد سرني مرورك =r
حذفاخى انا اخوك من مصر ارجو تساعندى مش عارف اعملها وعملت كل شى ومش عاوزة تاجى
ردحذفحياك الله أخي الكريم غالباً يا طيب سيكون هذا الكود مكرر لديك
حذف<data:post.body/>
وهي ستعمل على واحد فقط فيجب ان تجرب على كل واحد الى ان تجد المضبوط
بالنسبة لمسالة المساعدة الخاصة أنا يا طيب اقدم الشروحات العامة والمساعدات العامة التي تكون ظاهره من النظر للمدونات
اما اى شئ يتعلق بالإطلاع على القالب او التعامل مع المدونة نفسها لا اقدمها وهي ما يسمى بخدمات الدعم الفني وذلك لانها تستهلك وقت ومجهود اكبر وهناك المئات الذين يطلبونها فلا استطيع تقديمها نهائيا عبر المدونة
وبالتوفيق يا طيب
ألف شكر لك .بارك الله فيك. جزاك الله خيرا
ردحذفالسلام عليكم أشكرك كثيرا أستاذ وأخي
ردحذففقط لم تطلع معي
http://www-islamic-culture.blogspot.com/
غالباً ستكون المشكلة في هذا الكود data:post.body
حذففهو يكون متكرر عدة مرات في القالب وواحد فقط سيعمل معك عليك التجربة مع كل واحد الى ان يضبط معك ولا تنسى اخذ نسخة احتياطية من القالب
عاوز لما اكون كاتب تدوينه صغيره من سطرين لا يظهر هذا الزر
ردحذفبمعنى انني لا اريده ان يظهر الا في حالة المدونات الكبيرة
مثل نظام فيسبوك
هل ممكن ذلك اخي ؟
الحل الوحيد لهذا الأمر أخي هو أن تستخدم فقط الفاصل اليدوي ولا تستخدم الآداة التلقائية
حذفهذا لن يجعل المواضيع بنفس التسيق لكنه سيلبي ما تريد
شرح مميز بارك الله فيك
ردحذفما الاقاه
ردحذفلم أفهم اى كود لم تجديه ؟
حذفالسلام عليكم
ردحذفتم التجربة ولكن الخمحتوي النصي بجوار الصوره صغير جدا مع اني بالموضوع منسقه ومكبر الفونت
وللعلم جربت الكثير من الطرق ودي الي ظبطت معايا
منتظر ردك بخصوص الفونت
وعليكم السلام ورحمة الله وبركاته
ردحذفيجب تكبير الخط في تلك المنطقة
غالبا سيكون كافيا اضافة الكود التالي فوق الوسم ]]></b:skin>
.post.hentry {
font-size: 18px;
font-weight: bold;
}
الرقم 18 هو حجم الخط
اما هذا السطر font-weight: bold;
هو يخص سمك الخط يمكن حذفه ان لم تكن تريد الخط سميك
أنت رائع أيها الرائع المشكلة فعلا سببت لي أرقا شديدا والحمد لله تم حلها بنجاح
ردحذفمشكور اخ عمرو تم التطبيق
ردحذفجزاك الله خيراً
شكرا جزيلا بالتوفيق
ردحذفركبت الاضافة وشكرا علية ولكن كيفية تغير الخط داخل التوينة
ردحذفhttp://www.beinkora.cf
http://www.beinkora.cf/2015/11/blog-post_44.html
مظهر ونوع الخط يتعلق بالتصميم ونفسه وليس الإضافة
حذفيمكنك الإستعانة بهذا الموضوع فيما يتعلق بالخطوط
http://cnmu.blogspot.com/2013/03/blog-post_14.html
http://pablo-dontura.blogspot.com/
ردحذفانا جربت لكن لم ينجح اريد حل اخي بسرعا
أخي من الواضح انها تعمل لديك
حذفشكرا انا كنت بجرب باقي الشروحات ما نفع الا هذه الشرح شكرا لك
ردحذفشكرا لك لقد تمت الاضافة
ردحذفممكن كود لإظهار عنوان التدوينة وصورة مصغرة فقط فى الصفحة الرئيسية وفى صفحة عرض المواضيع
ردحذفجرب ان تزيل او سطر وآخر 4 سطور في كود المرحلة الثانية
حذفالمفترض ان يجعل هذا الإضافة تعمل في جميع الصفحات حتى داخل المواضيع
السلام عليك أخي ، شكرا جزيلا على الشرح القيم ، أربجو منك المساعدة أخي لدي مشكلة في مدونتي فهي لا يظهر في الصفحة الرئيسية سوى موضوعين ، كيف أقوم بتغيير عدد المواضيع التي تظهر في الصفحة الرئيسية مع العلم أني قمت بتغييرها من إعدادات البلوجر لكن لم يحدث أي شيئ ، إذا كنت تعرف الكود المسؤول عن هذا المشكل المرجو المساعدة وشكرا
ردحذفوعليكم السلام ورحمة الله وبركاته
حذفراجع هذا الموضوع
http://cnmu.blogspot.com/2015/10/Limits-of-Posts.html
لقد قمة ببرمجة قالب ولاكن عند اضافة اقراء المزيد لا يظهر شئ في المدونة
ردحذفهذا الكود
حذف<data:post.body/>
يكون مكرر احدهم فقط الذي ستعمل عليه الإضافة
نفذت الخطوات ولا جديد ؟
ردحذفالإضافات لها امر ثابت ان تم تطبيقها مضبوط ستعمل
حذفعدم عملها اما خطأ في التطبيق او خطأ في القالب كأن يكون به ملفات تتعارض مع الإضافة
نشكر على هذا المجهود المتواصل ...... ممكن طريقة تفعيل خاصية اقرأ المزيد (في الموقع )
ردحذفالشرح أخي لو طبقته مضبوط سيفعل الخاصية
حذفاخي الكريم اريد اضافة الموضوع السابق والتالي الخاص بمدونتك
ردحذفراجع هذا الموضوع
حذفhttp://cnmu.blogspot.com/2014/02/Show-Next-and-Previous-Post-Titles.html
اشكرك على الموضوع الرائع
ردحذف