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


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

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

شرح اضافة خاصية اقرا المزيد بعد تحديث محرر 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 ان لم يظهر لك معناها ان لايوجد سوى هذا الرمز لديك

شاهد الصورة

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










لاي استفسار ضع تعليقك اسفل الموضوع وحظا طيبا
مشاركات أقدم المقال التالي
63 تعليق
  • غير معرف
    غير معرف 04‏/05‏/2013، 5:20:00 م

    رآئع .. :) ~

  • مداد الجليد
    مداد الجليد 08‏/05‏/2013، 11:23:00 ص

    شكرا لمرورك

  • Unknown
    Unknown 25‏/05‏/2013، 6:01:00 م

    غير واضح المرجو الشرح بطريقة أوضح و شكررررررررا

  • مداد الجليد
    مداد الجليد 25‏/05‏/2013، 6:17:00 م

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

  • Unknown
    Unknown 25‏/05‏/2013، 6:17:00 م

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

  • Unknown
    Unknown 25‏/05‏/2013، 6:18:00 م

    data:post.body

  • مداد الجليد
    مداد الجليد 25‏/05‏/2013، 6:20:00 م

    عطيني رابط مدونتك

  • Unknown
    Unknown 25‏/05‏/2013، 6:41:00 م

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

  • مداد الجليد
    مداد الجليد 25‏/05‏/2013، 6:50:00 م

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

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

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

  • مداد الجليد
    مداد الجليد 25‏/05‏/2013، 6:51:00 م

    الرمز ( ...)

  • Unknown
    Unknown 25‏/05‏/2013، 7:17:00 م

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

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

  • مداد الجليد
    مداد الجليد 25‏/05‏/2013، 7:23:00 م

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

    mohammed.maherr@gmail.com

  • Unknown
    Unknown 28‏/05‏/2013، 6:52:00 م

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

  • مداد الجليد
    مداد الجليد 28‏/05‏/2013، 7:09:00 م

    اخي الكريم الاضافة موجودة لدى مدونتك ولكن بشكل مختلف

  • Unknown
    Unknown 28‏/05‏/2013، 10:42:00 م

    مادا افعل ياخي

  • مداد الجليد
    مداد الجليد 28‏/05‏/2013، 10:49:00 م

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

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

  • غير معرف
    غير معرف 20‏/07‏/2013، 10:57:00 ص

    لاhttps://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif

  • Oussama
    Oussama 20‏/07‏/2013، 9:38:00 م

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

    • مداد الجليد
      مداد الجليد 20‏/07‏/2013، 10:36:00 م

      اخي الكريم القالب لديك احترافي ومضافة لديك هذه الخاصية إذا كنت تريد اضافة إقرأ المزيد ابحث عن هذا الرمز data:post.body/
      سوف تجد اكثر من رمز في القالب لديك استبدال الكود المشار في اخر رمز تجده في قالب مدونتك

  • مداد الجليد
    مداد الجليد 20‏/07‏/2013، 10:37:00 م

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

  • Oussama
    Oussama 21‏/07‏/2013، 5:09:00 ص

    لم افهم اخي الكريم ان كان توضيح احسن
    وشكرا

  • Unknown
    Unknown 23‏/07‏/2013، 2:19:00 م

    لم تعمل هده الخاصية في مدونتي

    • مداد الجليد
      مداد الجليد 23‏/07‏/2013، 4:23:00 م

      أخي الطريقة فعالة 100% فقط ابحث عن هذا الرمز
      data:post.body
      اذا لم تعمل على اول واحد ابحث عن الثاني او الثالث ثم استبدله وسوف تعمل ان شاء الله

  • Oussama
    Oussama 23‏/07‏/2013، 9:58:00 م

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

    • مداد الجليد
      مداد الجليد 24‏/07‏/2013، 2:32:00 ص

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

  • Oussama
    Oussama 25‏/07‏/2013، 4:28:00 ص

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

  • مداد الجليد
    مداد الجليد 25‏/07‏/2013، 8:01:00 ص

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

  • Oussama
    Oussama 25‏/07‏/2013، 9:00:00 م

    شكرا اخي الكريم

  • مداد الجليد
    مداد الجليد 25‏/07‏/2013، 9:48:00 م

    العفو ...
    اتمنى لك التوفيق ان شاء الله ومستقبل زاهرا

  • UNEM KENITRA
    UNEM KENITRA 24‏/08‏/2013، 3:21:00 م

    شكرا جزيلا تعبت اليوم و انا ابحث و قد جربت نفس الكود وحدها الملاحضة التي تركت ما لفت انتباهي لامكانية وجود اكثر من كود واحد تحياتي
    رابط مدونتي
    www.mot3a19.tk

    • مداد الجليد
      مداد الجليد 24‏/08‏/2013، 5:05:00 م

      بالتوفيق اخي

  • غير معرف
    غير معرف 18‏/11‏/2013، 8:06:00 م

    شكرا

  • Unknown
    Unknown 10‏/03‏/2014، 7:21:00 ص

    ما ادري كيف اشكرك ما فشرح سويته والا طبقتها وزبطت معى عكس بعض الناس شرحهم ما يكون واضح

    • مداد الجليد
      مداد الجليد 10‏/03‏/2014، 7:53:00 م

      لا داعي للشكر اخ محمد مرورك ورايك هو المكافأة شكرا جزيلا لك

  • شات مصريه
    شات مصريه 21‏/03‏/2014، 7:46:00 م

    جممممميل

  • Unknown
    Unknown 28‏/03‏/2014، 8:10:00 م

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

    • Unknown
      Unknown 28‏/03‏/2014، 8:12:00 م

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

    • مداد الجليد
      مداد الجليد 28‏/03‏/2014، 8:20:00 م

      لقد قبلت الدعوة يمكنك الان اضافتي كمشرف حتى أستطيع التعديل على قالب مدونتك

  • انا مين
    انا مين 23‏/05‏/2014، 7:05:00 م

    شكرا اخى الطريقة ناجحة 100% والف شكر مدونتى هىhttp://elshter.blogspot.com/

    • مداد الجليد
      مداد الجليد 16‏/06‏/2014، 10:48:00 م

      انتي برنسيسة جي جي (f)

  • Unknown
    Unknown 16‏/06‏/2014، 6:39:00 ص

    بصراحه ربنا يكرمك شرح سهل وسرعه فى الرد على الاسئله

    • مداد الجليد
      مداد الجليد 16‏/06‏/2014، 10:50:00 م

      شكرا لتقديرك أخي الكريم اتمنى لك التوفيق

  • Unknown
    Unknown 03‏/09‏/2014، 5:08:00 م

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

  • Unknown
    Unknown 03‏/09‏/2014، 6:28:00 م

    ارجو الرد

    • مداد الجليد
      مداد الجليد 04‏/09‏/2014، 11:03:00 م

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

  • غير معرف
    غير معرف 07‏/09‏/2014، 9:44:00 م

    يا اخى في كود اقرء المزيد يتحط فى الهيدر ههههههههههه حرام عليك انا حطيت الكود لقيت الصورة فوق فى الهيدر كيف يعنى اجعل الزوار يقرؤ المزيد حول الدومين مثلالا ههههههههههههههه

    • مداد الجليد
      مداد الجليد 07‏/09‏/2014، 11:01:00 م

      راجع الموضوع جيداً قبل أن تستهزء، لا يوجد كود فيه صورة لتظهر في الهيدر هي أكواد جافا سكربت ومن المهم إصفتها في الهيدر

  • غير معرف
    غير معرف 03‏/10‏/2014، 10:23:00 ص

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

    • مداد الجليد
      مداد الجليد 03‏/10‏/2014، 3:26:00 م

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

  • Unknown
    Unknown 02‏/02‏/2015، 4:18:00 ص

    http://nawar9albak.blogspot.com/

  • اسعد القيسي
    اسعد القيسي 23‏/02‏/2015، 1:07:00 ص

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

    http://taqafa2web.blogspot.com/

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

  • Abdullah Waleed
    Abdullah Waleed 07‏/06‏/2015، 2:34:00 م

    شكرا لك

    • مداد الجليد
      مداد الجليد 07‏/06‏/2015، 2:35:00 م

      العفو اخ عبد الله

  • tv waw
    tv waw 10‏/06‏/2015، 2:14:00 ص

    اخي انا اضفته رجت اقرأ المزيد لكن مكتوبة فقط لا كرابط
    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‏/06‏/2015، 10:10:00 م

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

    • Mohamed
      Mohamed 18‏/01‏/2016، 11:53:00 ص

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

    • مداد الجليد
      مداد الجليد 19‏/01‏/2016، 5:40:00 م

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

  • عبدالرحمن الحالمي
    عبدالرحمن الحالمي 22‏/10‏/2016، 2:00:00 م

    اخي ممكن اضيفك مشرف وتسوي لي مثل ماسويت له

    • مداد الجليد
      مداد الجليد 22‏/10‏/2016، 6:03:00 م

      أسف أخي عبد الرحمن كان بودي ذلك ولكن لا امتلك الوقت
      أشكرك على تفهمك

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