دروس صوت وصورة

لم يقصر معك الأخ legend في الرد لكن أحببت أن اشملك أكثر بالرد من بعد إذنه .
اتوقع انك قمت بتحميل القالب ورفعه دون تركيب اضافة اقرأ المزيد الأوتوماتيكيه على ما اظن ..
وعموما سأعطيك جميع الحلول ..,
الحل الأول وهو استخدام اقرأ المزيد يدوياً في المكان الذي نريده وهذه التي استخدمها شخصياً في مدونتي وطريقتها جدا سهله .. من نفس صندوق التحرير الذي تكتب فيه الموضوع قم بالضغط على أيقونة اقرأ المزيد في المكان الذي تريد وضعه وهذا شرح بسيط مصور

على سبيل المثال انا اردت ان اجعل الاضافة قبل كلمة " طريقة التركيب " الموضحه في الصورة اعلاه .. سأقوم بالضغط على الأيقونة الواضحه في الخطوة 1 في الصورة أعلاه وتصبح النتيجة هكذا .,


وستظهر في الرئيسية بالمحتوى الأول ولن يظهر بقية المحتوى الى بعد الضغط على إقرأ المزيد .

اما الطريقة الأخرى هي إقرأ المزيد الأوتوماتيكيه ووظيفتها تلخيص الموضوع الى عدد حروف معدود تحدده أنت وحجم صورة أيضاً من اختيارك .. وقبل ان اعطيك طريقة التركيب تأكد انها فعلاً ليست موجوده في مدونتك وهي عن طريق البحث عن احدى هذه الكلمات أو كلها .,

summary_noimg = 430; //summary length when no image summary_img = 340; //summary length when with image img_thumb_height = 200; img_thumb_width = 200;

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

توجه من رئيسية بلوجر الى - تصميم - تحرير html - ضع علامة صح على توسيع القالب - واحفظ نسخة احتياطية للقالب ثم ابحث عن :

كود بلغة HTML:

</head>

وفوقها تماماً قم بإضافة الكود التالي :
كود بلغة HTML:

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

ثم تقوم بالبحث عن :
كود بلغة HTML:

<data:post.body/>

وقم باستبدالها بالكود التالي :
كود بلغة HTML:

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

وبهذا تكون انتهيت فعلياً من تركيب الإضافة الى مدونتك ويبقى فقط تخصيصها على النحو التالي :
من الكود الأول :

summary_noimg = 430; //summary length when no image

عدد الأحرف التي تريد عرضها في الموضوع الذي لا توجد به صور

summary_img = 340; //summary length when with image

عدد الأحرف التي تريد عرضها في الموضوع الذي توجد به صور

img_thumb_height = 200;

طول الصورة في الملخص

img_thumb_width = 200;

عرض الصورة في الملخص .
من الكود الثاني :
يمكنك استبدال كلمة " اقرأ المزيد... " بجملة أخرى
على سبيل المثال "أكمل قراءة بقية الموضوع » "
إنتهى: منقول للفائدة