اضافة خاصية اقرأ المزيد لمدونات بلوكر

الكاتب : Salah Nassih التاريخ : 6:27:00 م القسم : بلوكر

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

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

تظهر في أول الموضوع لذلك تابع الشرح جيدا لأنه هناك مجموعة من الكودات المستعملة في الشرح

لكي تغير الصورة و عدد الأحرف على مستوى الموضوع هذه هي الأكواد :

1 : ابحث داخل القالب علن الوسم </head> و ضع أحد الأكواد التالية فوقه على حسب اختيارك

1 : لكي تجعل صورة الموضوع تظهر على اليمين :

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</script><br />
<script type='text/javascript'>
//<![CDATA[

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 10px;"><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>

2 : لكي تجعل صورة الموضوع تظهر على اليسار :

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</script><br />
<script type='text/javascript'>
//<![CDATA[

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 : لكي تجعل صورة الموضوع تطهر في الوسط :

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</script><br />
<script type='text/javascript'>
//<![CDATA[

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<div class="separator" style="clear: both; text-align: center;">
<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>

summary_noimg = 250; يمثل عدد الأحرف التي ستظهر في حالة عدم وجود صورة

summary_img = 200; يمثل عدد الأحرف التي ستظهر عند وجود صورة للموضوع

img_thumb_height = 150; يمثل ارتفاع صورة الموضوع

img_thumb_width = 150; يمثل عرض صورة الموضوع

2 : لكي تضيف الأن خاصية أو صورة اقرأ المزيد :

نبحث عن الكود </data:post.body>

غالبا ستجد 3 أكواد قم بحذف الكود الثاني و ضع هذا الكود مكانه :

قم بتغيير كلمة اقرأ المزيد الثانية داخل هذا الكود بالسطر التالي

<img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/>

و ضع رابط الصورة التي تريد مكان كلمة رابط الصورة و هذه بعض الصور ضع رابطها مكان كلمة رابط الصورة