شرح إضافة اقرأ المزيد لمدونات البلوجر Read More

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

 

1: نقوم بضغط على تصميم 

2: تم تحرير html 

3: تم توسيع القالب و هذا الامر مهم  

تم نقوم بالبحت عن الكود التالي 

</head> 

نضع مباشرة الكود التالي فوقه فوقه 

<script type='text/javascript'>var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

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

انطر الصورة التالية 

تم نبحت عن هدا الكود 

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

<data:post.body/>  

انطر الصورة 

 

تم نقوم باستبداله بهدا الكود 

<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'><img src='http://i37.tinypic.com/351icqx.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

انطر الصورة يجب ان يكون هكذا 

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

و بالتوفيق لكم فى الدرس