اضافة خاصية اقرأ المزيد على مدونات بلوجر بعد تحديث محرر html في بلوجر 2014
السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
هناك الكثير مازال يجهل هذه الطريقة بعد التحديث الاخير واليوم سوف نبدأ بالطريقة مع الشرح بالصورة فقط تابع
الشرح:
1.سجل دخول الى مدونتك اختر القالب من لوحة التحكم ثم اضغط على تحرير html
2.بعد الضغط على تحرير هتمل ابحث عن الرمز</head> ثم اضف الكود التالي
فوق الرمز </head>
الكود
ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
<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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
الصورة في يمين النص
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :
<script type='text/javascript'>var thumbnail_mode = "no-float" ;summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
3. قم بالبحث عن الرمز<data:post.body/> بعد ان تجد الرمز هذا<data:post.body/> قم باستبداله بالكود التالي
ملاحظة قد تجد اكثر من رمز واحد اذا لم تعمل الطريقة على اول واحد استعمل الثاني
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUEZmfjBaHQN1dF_eGpXLdmWT_ItuZUq0E8WJpwF1xFkooRtkkB2N-81CdEf9r3cycLVMVvKFrSd14w1_ujxf9gJtnP-SZ3LouSCR3b6vrG__JyrPuB_GxcaausL8KkhXmw7I3Td1LWgHh/s1600/13-06-34+10-10-59+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://www.abu-iyad.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
4.الان قم بوضع صورة بدل من كلمة اقرا المزيد الموضوعة باللون الاحمر داخل الكود استبدلها بما يناسبك من الصور التالية
<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUEZmfjBaHQN1dF_eGpXLdmWT_ItuZUq0E8WJpwF1xFkooRtkkB2N-81CdEf9r3cycLVMVvKFrSd14w1_ujxf9gJtnP-SZ3LouSCR3b6vrG__JyrPuB_GxcaausL8KkhXmw7I3Td1LWgHh/s1600/13-06-34+10-10-59+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnDR0Ex-vDrLr2e-8Kdd81ywztCav5qUwNzlD_7uGMVwJrZRTRCC0yv0HFIxG-2gvW3ZihCVsmq4y4AJSVACaGLP4M-9Ef7tyOxFdScWowWwAGbSZD7_dPDtLPWrzZ2nrvYBHLc8RH-73/s1600/13-06-34+10-11-22+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpkbOWKBhxCizFgzoSeYNV0eO5cwWFcgCskB8AXAmRYoSljqnRr3Y8mR5OC8TGhaz0c-83znpLhxR-3vd46tw_AZ8TVho0MZVqLcDReONdJqeebvvanFwdPauEmJqnnvmGYi-_0_um7zO/s1600/13-06-34+10-11-46+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU4yxe3WMxhI1tCn8N1rZVBjlLNodbDm4N66uJjnA5z_aT0FTvKPY58fu9fAj8J-vGu69nXrS9Zyn8wWGyCb4JE6OMqISx4rAtJxcPfn-hkMHTRDfPMdoa5fa9YlATdkliQaF1UcNhpbOv/s1600/13-06-34+10-12-02+%D9%85.png
" title="إقرأ المزيد" alt="إقرأ المزيد"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJz_7HsEQILHKP-hfaKoZcN-iyz69XIyZAajGdh40zXeFTFWDBEIWV6G1m_sL4L7lzXNUVwkYxRCvKv3fSsPVsid7HLz1U9ICEzjEtBa5ytmO7yspNLfdMRkHtT33V6ZtZjZQhIQmpjXd4/s1600/13-06-34+10-10-38+%D9%85.png" title="إقرأ المزيد" alt="إقرأ المزيد"/>
كيف تجد اكثر من رمز على سبيل المثال مثل هذا
<data:post.body/>
حين تقوم بالبحث على الرموز انقر نقرة واحدة على الرموز داخل القالب لديك ثم اضغط من لوحة المفتيح على الاختصار ctrl+f سوف يظهر لك مربع صغير داخل القالب وليس بالاعلى قم بوضع الرمز داخل المربع ثم اضغط enter سوف يظهر الرمز المطلوب واذا كان هناك اكثر من رمز كرر الضغط على enter ان لم يظهر لك معناها ان لايوجد سوى هذا الرمز لديك
شاهد الصورة
تم تصغير الصورة انقر على الصورة لعرضها بشكل اوضح
لاي استفسار ضع تعليقك اسفل الموضوع وحظا طيبا
رآئع .. :) ~
شكرا لمرورك
غير واضح المرجو الشرح بطريقة أوضح و شكررررررررا
شو الغير واضح اخي الكريم اخي اتبع هذه الطريقة اسهل عليك
http://madad2.blogspot.com/2013/05/blog-post_9996.html
كود غير موجود في قالبي
data:post.body
عطيني رابط مدونتك
وااااااو سريع بالرد , من متابعينك باذن الله
رابط مدونتي
http://saintsub.blogspot.com/
بعجبك اخي :>)
اخي بعد تحرير قالب المدونة اضغط على الانتقال الى اداة بعدها اضغط على blog1 (رسائل المدونة الالكترونية) قم بتوسيعها بواستط الضغط على الرمز الموضوع عليها
ثم بعد توسيها سيظهر لك هذا الرمز ايضا
...
عليك بتوسيعه كما قمت بتوسيع رسائل المدونة الالكترونية وبعدها سوف تجد هذا الرمز
لابد ان يكون موجود في كل مدونة!
اذا استعصى عليك اخي انا سوف اقوم باضافتها لك فقط ارسل لي حسابك وكلمة المرور على هذا البريد mohammed1811990@hotmail.com
الرمز ( ...)
;(( صراحة ما اقدر
بس يصير اساويك ادمن عالمدونة وتحط الخاصية
صراحة ساويت blog1 وطلع الكود
ومن استبدله بالكود الي حاطه هنا يعطيني ايرور
طيب اخي هاد اميلي
mohammed.maherr@gmail.com
جربت كل طرق لكن بدون جدوى و هدا رابط البلوجر
http://dzair14.blogspot.com/
اخي الكريم الاضافة موجودة لدى مدونتك ولكن بشكل مختلف
مادا افعل ياخي
استخدم هذه الطريقة اخي http://madad2.blogspot.com/2013/05/2013_28.html
اذا كنت تريد استخدام هذا الشرح ولا بد ارسل على حسابي هذا mohammed.maherr@gmail.com
اضافة مؤالف الى مدونتك لاضيفها بنفسي ولكن يتعين عليك وضعي مشرف في مدونتك مؤقتا لان المالف لايستطع التعديل بالمدونة بعدها تستطع حذفي
شكرا لك
لاhttps://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif
اخي لم تعمل معي هاهو رابط مدونتي http://fadilpro7.blogspot.com
ارجو الرد في اقرب وقت ممكن
وشكرا
اخي الكريم القالب لديك احترافي ومضافة لديك هذه الخاصية إذا كنت تريد اضافة إقرأ المزيد ابحث عن هذا الرمز data:post.body/
سوف تجد اكثر من رمز في القالب لديك استبدال الكود المشار في اخر رمز تجده في قالب مدونتك
ان شاء الله غدا سوف اقوم بتحديث هذا الموضوع بشكل اوضح
لم افهم اخي الكريم ان كان توضيح احسن
وشكرا
لم تعمل هده الخاصية في مدونتي
أخي الطريقة فعالة 100% فقط ابحث عن هذا الرمز
data:post.body
اذا لم تعمل على اول واحد ابحث عن الثاني او الثالث ثم استبدله وسوف تعمل ان شاء الله
اخي الكريم سوف اساويك ادمن عالمدونة وتحط الخاصية بنفسك
مدونتي هي http://fadilpro7.blogspot.com
طيب اخي هذا اميلي ارسل لي دعوة
mdad.aljlyd@gmail.com
اخي الكريم لقد اضفتك كادمن و عدلت الخاصية بنفسك لكن ظهرت لي صورتين
ما هو الحل
تم عزيز اتمنى لك التوفيق :)
شكرا اخي الكريم
العفو ...
اتمنى لك التوفيق ان شاء الله ومستقبل زاهرا
شكرا جزيلا تعبت اليوم و انا ابحث و قد جربت نفس الكود وحدها الملاحضة التي تركت ما لفت انتباهي لامكانية وجود اكثر من كود واحد تحياتي
رابط مدونتي
www.mot3a19.tk
بالتوفيق اخي
شكرا
ما ادري كيف اشكرك ما فشرح سويته والا طبقتها وزبطت معى عكس بعض الناس شرحهم ما يكون واضح
لا داعي للشكر اخ محمد مرورك ورايك هو المكافأة شكرا جزيلا لك
جممممميل
انا ارسلت لك الدعوة لكي تكون ادمين و تعملها لي وشكرا :)
موقعي هو http://soufiane-prees.blogspot.com/ :d :d :d :d :d :d :d :d :d :d :d :d :d :d :d
لقد قبلت الدعوة يمكنك الان اضافتي كمشرف حتى أستطيع التعديل على قالب مدونتك
شكرا اخى الطريقة ناجحة 100% والف شكر مدونتى هىhttp://elshter.blogspot.com/
انتي برنسيسة جي جي (f)
بصراحه ربنا يكرمك شرح سهل وسرعه فى الرد على الاسئله
شكرا لتقديرك أخي الكريم اتمنى لك التوفيق
السلام عليكم اخي انا مدونتي شكلها خرب واتمنا المساعدة انا عاوز اغير خاصية اقراء المزيد بخاصية اخري بشكل افضل لان هاذة مضافة بشكل غير صحيح اتمنا الرد السريع ودي مدونتيhttp://z3maa.blogspot.com/
ارجو الرد
أخي كيف لي ان اساعدك عليك إضافة كود إقرأ المزيد في المكان المخصص داخل القالب أتبع الموضوع هذا ثم قم بتغيير مكان الكود الذي أضفته أعلى قليلاً
يا اخى في كود اقرء المزيد يتحط فى الهيدر ههههههههههه حرام عليك انا حطيت الكود لقيت الصورة فوق فى الهيدر كيف يعنى اجعل الزوار يقرؤ المزيد حول الدومين مثلالا ههههههههههههههه
راجع الموضوع جيداً قبل أن تستهزء، لا يوجد كود فيه صورة لتظهر في الهيدر هي أكواد جافا سكربت ومن المهم إصفتها في الهيدر
لو سمحت اخي الكريم انا عاوز احط اقراء المزيد داخل صفحات المدونه اما هذا الكود ف الصفحه الرئيسيه فقط ارجو الرد ولك مني جزيل الشكر
عزيزي كيف داخل الصفحات؟! لا يمكن تنفيذ هذه الطريقة بالطبع سوف تظهر فقط أثناء تصفح المواضيع وليس داخل المواضيع لا يوجد طريقة أو شرح يتحدث عن هذا وليس له فائدة
http://nawar9albak.blogspot.com/
موقع عالم الثقافة
http://taqafa2web.blogspot.com/
شكرا الاضافة نجحت وجربتها
شكرا لك
العفو اخ عبد الله
اخي انا اضفته رجت اقرأ المزيد لكن مكتوبة فقط لا كرابط
http://wa9ty.blogspot.com/search/label/%D9%88%D8%B5%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B7%D9%81%D9%84%D8%A9%20%D9%82%D8%B7%D8%B1%20%D8%A7%D9%84%D9%86%D8%AF%D9%89%20%D8%A8%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88
اضافتك صحيحة ولكن هناك مشكلة أخرى أنه هناك اكواد تظهر بشكل غير متوافق جرب ازالتها واضافتها مرة أخرى بنفس الطريقة
اخى الكريم شكرا لهذا الاهتمام الرائع
واسمح لى بعرض هذه المشكلة
قمت بعمل مدونة ثم تعلمت كيفية تعريب المدونة والتعديل عليه قدر الامكان
من اجل ذلك انشئت مدونة تجريبية للتعديل على القالب ثم تركيبه على المدونة الاساسية
و بعد اضافة كود اقرا المزيد على المدونة التجريبية ونجحت فى ذلك
قمت بتركيب نفس القالب على المدونة الاساسية
المشكلة ان الاضافة لم تعمل فما الحل مع الشكر
http://universalmotors-book.blogspot.com/
يسعدني أن أقول لك ان إقرأ المزيد تعمل لديك على رابط المدونة المشار إليها
اخي ممكن اضيفك مشرف وتسوي لي مثل ماسويت له
أسف أخي عبد الرحمن كان بودي ذلك ولكن لا امتلك الوقت
أشكرك على تفهمك