اضافة خاصية اقرأ المزيد على مدونات بلوجر بعد تحديث محرر html في بلوجر 2014

مداد الجليد
15 يونيو, 2013
37

السلام عليكم ورحمة الله وبركاته

بسم الله الرحمن الرحيم

شرح اضافة خاصية اقرا المزيد بعد تحديث محرر html في مدونات بلوجر على القالب الحديث 

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

الشرح:
1.سجل دخول الى مدونتك اختر القالب من لوحة التحكم ثم اضغط على تحرير html


2.بعد الضغط على تحرير هتمل ابحث عن الرمز</head> ثم اضف الكود التالي 
فوق الرمز </head>

الكود
ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
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>

 الصورة في يمين النص
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
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 = &quot;no-float&quot; ;
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/> قم باستبداله بالكود التالي 

ملاحظة قد تجد اكثر من رمز واحد اذا لم تعمل الطريقة على اول واحد استعمل الثاني
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>

<b:else/>

<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>

<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 == &quot;item&quot;'><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 ان لم يظهر لك معناها ان لايوجد سوى هذا الرمز لديك

شاهد الصورة

 تم تصغير الصورة انقر على الصورة لعرضها بشكل اوضح







لاي استفسار ضع تعليقك اسفل الموضوع وحظا طيبا
مشاركات أقدم المقال التالي
37 تعليق
  • غير معرف
    غير معرف 4 مايو 2013 في 5:20:00 م غرينتش+3

    رآئع .. :) ~

    رد
  • مداد الجليد
    مداد الجليد 25 مايو 2013 في 6:17:00 م غرينتش+3

    شو الغير واضح اخي الكريم اخي اتبع هذه الطريقة اسهل عليك
    http://madad2.blogspot.com/2013/05/blog-post_9996.html

    رد
  • غير معرف
    غير معرف 25 مايو 2013 في 6:17:00 م غرينتش+3

    كود غير موجود في قالبي

    رد
  • غير معرف
    غير معرف 25 مايو 2013 في 6:41:00 م غرينتش+3

    وااااااو سريع بالرد , من متابعينك باذن الله
    رابط مدونتي
    http://saintsub.blogspot.com/

    رد
  • مداد الجليد
    مداد الجليد 25 مايو 2013 في 6:50:00 م غرينتش+3

    بعجبك اخي :>)
    اخي بعد تحرير قالب المدونة اضغط على الانتقال الى اداة بعدها اضغط على blog1 (رسائل المدونة الالكترونية) قم بتوسيعها بواستط الضغط على الرمز الموضوع عليها
    ثم بعد توسيها سيظهر لك هذا الرمز ايضا

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

    اذا استعصى عليك اخي انا سوف اقوم باضافتها لك فقط ارسل لي حسابك وكلمة المرور على هذا البريد mohammed1811990@hotmail.com

    رد
  • غير معرف
    غير معرف 25 مايو 2013 في 7:17:00 م غرينتش+3

    ;(( صراحة ما اقدر
    بس يصير اساويك ادمن عالمدونة وتحط الخاصية

    صراحة ساويت blog1 وطلع الكود
    ومن استبدله بالكود الي حاطه هنا يعطيني ايرور

    رد
  • مداد الجليد
    مداد الجليد 25 مايو 2013 في 7:23:00 م غرينتش+3

    طيب اخي هاد اميلي

    mohammed.maherr@gmail.com

    رد
  • غير معرف
    غير معرف 28 مايو 2013 في 6:52:00 م غرينتش+3

    جربت كل طرق لكن بدون جدوى و هدا رابط البلوجر
    http://dzair14.blogspot.com/

    رد
  • مداد الجليد
    مداد الجليد 28 مايو 2013 في 10:49:00 م غرينتش+3

    استخدم هذه الطريقة اخي http://madad2.blogspot.com/2013/05/2013_28.html

    اذا كنت تريد استخدام هذا الشرح ولا بد ارسل على حسابي هذا mohammed.maherr@gmail.com
    اضافة مؤالف الى مدونتك لاضيفها بنفسي ولكن يتعين عليك وضعي مشرف في مدونتك مؤقتا لان المالف لايستطع التعديل بالمدونة بعدها تستطع حذفي
    شكرا لك

    رد
  • Oussama
    Oussama 20 يوليو 2013 في 9:38:00 م غرينتش+3

    اخي لم تعمل معي هاهو رابط مدونتي http://fadilpro7.blogspot.com
    ارجو الرد في اقرب وقت ممكن
    وشكرا

    رد
  • مداد الجليد
    مداد الجليد 20 يوليو 2013 في 10:37:00 م غرينتش+3

    ان شاء الله غدا سوف اقوم بتحديث هذا الموضوع بشكل اوضح

    رد
  • Oussama
    Oussama 23 يوليو 2013 في 9:58:00 م غرينتش+3

    اخي الكريم سوف اساويك ادمن عالمدونة وتحط الخاصية بنفسك
    مدونتي هي http://fadilpro7.blogspot.com

    • مداد الجليد
      مداد الجليد 24 يوليو 2013 في 2:32:00 ص غرينتش+3

      طيب اخي هذا اميلي ارسل لي دعوة
      mdad.aljlyd@gmail.com

    رد
  • مداد الجليد
    مداد الجليد 25 يوليو 2013 في 8:01:00 ص غرينتش+3

    تم عزيز اتمنى لك التوفيق :)

    رد
  • غير معرف
    غير معرف 18 نوفمبر 2013 في 8:06:00 م غرينتش+3

    شكرا

    رد
  • شات مصريه
    شات مصريه 21 مارس 2014 في 7:46:00 م غرينتش+3

    جممممميل

    رد
  • غير معرف
    غير معرف 28 مارس 2014 في 8:10:00 م غرينتش+3

    انا ارسلت لك الدعوة لكي تكون ادمين و تعملها لي وشكرا :)

    • غير معرف
      غير معرف 28 مارس 2014 في 8:12:00 م غرينتش+3

      موقعي هو http://soufiane-prees.blogspot.com/ :d :d :d :d :d :d :d :d :d :d :d :d :d :d :d

    رد
  • غير معرف
    غير معرف 3 سبتمبر 2014 في 5:08:00 م غرينتش+3

    السلام عليكم اخي انا مدونتي شكلها خرب واتمنا المساعدة انا عاوز اغير خاصية اقراء المزيد بخاصية اخري بشكل افضل لان هاذة مضافة بشكل غير صحيح اتمنا الرد السريع ودي مدونتيhttp://z3maa.blogspot.com/

    رد
  • غير معرف
    غير معرف 3 أكتوبر 2014 في 10:23:00 ص غرينتش+3

    لو سمحت اخي الكريم انا عاوز احط اقراء المزيد داخل صفحات المدونه اما هذا الكود ف الصفحه الرئيسيه فقط ارجو الرد ولك مني جزيل الشكر

    • مداد الجليد
      مداد الجليد 3 أكتوبر 2014 في 3:26:00 م غرينتش+3

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

    رد
  • غير معرف
    غير معرف 2 فبراير 2015 في 4:18:00 ص غرينتش+3

    http://nawar9albak.blogspot.com/

    رد
  • اسعد القيسي
    اسعد القيسي 23 فبراير 2015 في 1:07:00 ص غرينتش+3

    موقع عالم الثقافة

    http://taqafa2web.blogspot.com/

    شكرا الاضافة نجحت وجربتها

    رد
  • tv waw
    tv waw 10 يونيو 2015 في 2:14:00 ص غرينتش+3

    اخي انا اضفته رجت اقرأ المزيد لكن مكتوبة فقط لا كرابط
    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

    • مداد الجليد
      مداد الجليد 10 يونيو 2015 في 10:10:00 م غرينتش+3

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

    • Mohamed
      Mohamed 18 يناير 2016 في 11:53:00 ص غرينتش+3

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

    • مداد الجليد
      مداد الجليد 19 يناير 2016 في 5:40:00 م غرينتش+3

      يسعدني أن أقول لك ان إقرأ المزيد تعمل لديك على رابط المدونة المشار إليها

    رد
أضف تعليق
عنوان التعليق