16

بسم الله الرحمان الرحيم 
السلام عليكم ورحمة الله وبركاته 
اهلن باحبتي في الله في تدوينة تجديدة واضافة جديدة اليوم ساشرح كيفية اضافة " اقرأ المزيد " الاتوماتيكية الى منصة بلوجر 
الاضافة تقدم للمدون خدمة كبيرة على صعيد اختصار مقاله في الصفحة الرئيسية للمدونة مما يخفف من سرعة المدونة كما ان الاضافة لها ميزة مهمة انها اتوماتيكية وهذا يعني انك لن تضيف اي اكواد في المقال مثل شبيهة هاته الاضافة 
مثال على الاضافة :
أولا نتجه صوب : Dashboard > Design > Edit HTML
تنويه : يرجى تحميل نسحة احتياطية للقالب قبل الشروع في اضافة الاضافة .
ثم نوسع القالب
ونبحث عن هذا السطر :
</head> 
ثم نضيف الكود الموالي قبل السطر اعلاه

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</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(thumbnail_mode == "yes") {
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><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>
<!-- Auto read more script End -->
بعد ذلك نبحث عن :
<data:post.body/>
ونستبدلها بــ:
<!-- Auto read more Start -->
<!-- http://www.3alymni.info -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'>اقرأ المزيد...</a>
</b:if>
</b:if>
<!-- Auto read more End -->
ثم احفظ القالب 

Stumble
Delicious
Twitter
Facebook
Digg
Digg

غير معرف يقول... @ 11 نوفمبر 2010 في 7:23 ص  أضف ردا

تسلم أخي بارك الله فيك وجزاك عنا كل خير

soufian يقول... @ 12 نوفمبر 2010 في 2:14 م  أضف ردا

العفو احي الكريم

غير معرف يقول... @ 11 فبراير 2011 في 5:01 ص  أضف ردا

شكرا سفيان بس العباره هذه
مش موجوده عندي

soufian يقول... @ 11 فبراير 2011 في 3:58 م  أضف ردا

@غير معرف
العفو اخي الكريم بس اي هي العبارة الي ما موجودة عندك ؟

رضا سمير يقول... @ 15 فبراير 2011 في 1:33 ص  أضف ردا

العبارة الثانية ألي أنت قلت نستبدلها مش موجودة

soufian يقول... @ 15 فبراير 2011 في 6:55 م  أضف ردا

@رضا سمير
هل وسعت القالب ؟

beautymax2011 يقول... @ 7 مارس 2011 في 11:59 ص  أضف ردا
أزال المؤلف هذا التعليق.
beautymax2011 يقول... @ 7 مارس 2011 في 12:18 م  أضف ردا

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

شكرا

beautymax2011 يقول... @ 9 مارس 2011 في 4:12 م  أضف ردا

عفوا متى الرد رح يكون؟؟؟ان محتاجة أعمل اختصار للاسطر في صفحتي
ممكن المساعدة وشكرا

soufian يقول... @ 11 مارس 2011 في 4:49 م  أضف ردا

@beautymax2011
السلام عليكم اختي الكريمة اعتذر منك عن التاخير الحاصل لأسباب دراسية لم اكن متواجد على نت لذى تقبلي خالص اعتذاري
بخصوص استفسارك يوجد احتمالين اما ان قالب مدونتك لم يتوافق مع الهاك او ان اخطأتي اثناء اضافتك للكود الى قالب المدونة

sandra يقول... @ 5 يوليو 2011 في 5:32 م  أضف ردا

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

soufian يقول... @ 5 يوليو 2011 في 9:23 م  أضف ردا

@sandra
مشكورة اخت ساندرة
بس عندي ملاحظة ابحثي عن هذا السطر
!-- Auto read more Start -->
احذفيه حتى لا يظهر مجددا في رئيسية المدونة هو مجرد تعليق لاغير
بالاضافة حوالي تغيير لون الخط الخاص بالمقالات فهو لا يتلائم مع لون الخلفية
حياك الله

sandra يقول... @ 10 يوليو 2011 في 4:07 م  أضف ردا

سوف اقوم بالتعديل اخى سفيان لكن لي سؤال الان يتم عرض من 2 موضوع الى 4 لااكثر بالمدونة بعد تعديل اقرأ المزيد هل لي بتزويد عدد الموضوعات بالرئيسية اخى الكريم وكيف؟
تحيتي لك سفيان بالتوفيق الدائم يارب

غير معرف يقول... @ 3 أغسطس 2011 في 12:29 ص  أضف ردا

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

يعطيك العافيه اخوي على الشرح الواضح

لكني سويتها وماضبطت معاي ليه مو عارفه .. مع العلم ان فيه طريقه ثانيه لهاذي الحركه وانا ماعجبتني

وجربت معك هالحركه ومو راضي يزبط .. بيطلع لي الموضوع كااامل وفي اخره مكتوب اقرأ المزيد .. ليييييه ..؟
هذا رابط مدونتي
http://dl3soso.blogspot.com/

ارجو انك ترد علي بأسرع وقت .. ومشكور مره ثانيه ..

غير معرف يقول... @ 16 أغسطس 2011 في 8:09 م  أضف ردا

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

Axis Event يقول... @ 25 أغسطس 2011 في 8:55 ص  أضف ردا

http://hotelsetats-unis.blogspot.com/