اضافة خاصية ( اقرأ المزيد ) الى بلوجر (بالصور )

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

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

كثيرا من المدونين يبحثون عن طريقة فعالة وصحيحة وناجحة لأكثر القوالب المعربة

الطريقة جدااا سهلة ...

أولا : تذهب الى لوحة التحكم الرئيسية لمدونتك ثم تختار

التخطــيط ..

من التخطيط نختار تحرير HTML ثم نقوم بانزال القالب كامل وبذلك يكون لدينا نسخة احتياطية للقالب الاصلي في حال احتجنا
اليه .. لاسمح الله

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





الخطـــوة الثانيـــة : الان سنقوم بالبحث عن الكود الذي بالاسفل ولكي تسهل عملية البحث اضغط على : Ctrl+F
ثم انسخ الكود التالي والصقه في مربع البحــــث :
 

                                                                                                               </head>

كما في الصــورة التالية
الان نقـــوم بتحديد الكود التــالي والصقه قبل الكود الســابق ( بمعنى ان هذا الكود ستقوم بالصاقه قبل  < /head > )





<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes= اظهار الصورة المصغرة, no= بدون صورة مصغرة
summary_noimg = 430; //طول الموجز (عدد الاحرف) في التدوينات الخالية من الصور
summary_img = 340; //طول الموجز (عدد الاحرف) في التدوينات مع وجود صور
img_thumb_height = 150; //ارتفاع الصورة
img_thumb_width = 150; //عرض الصورة
</script>
</b:if>
<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>
 الخــــطوة الثــالثة : نقوم بالبحث عن الكود التــالي :
<data:post.body/>




ونقـــوم بالصاق الكود التالي بــــــــــــدلا من الكود السابق الذي بحثنا عنه 
ركزوا .. الكود الاول الصقناه قبل < /head >
والكود الثاني نستبدله بـ < data:post.body/ >

الكـــــود الثـــــانــي :


<!-- اقرأ المزيد - البداية -->
<b:if cond='data:blog.pageType == &quot;item&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>
<!-- اقرأ المزيد - النهاية -->

الان نقــــــــوم بحفــظ القــالب
والف مبروووك الخاصية الجديدة
أي استفسار أنـا جاهزة .. حيـاكم الله
 

18 التعليقات :

hamada يقول...

موضوع جميل اختى الغاليه و شرح اكثر من رائع .
بارك الله فيكى و فى انتظار كل الجديد و المفيد منك
دمتى فى خير

Haifaa يقول...

الأجمل مرورك أخي حماده ..
حياك الله وبيّاك

غير معرف يقول...

شكرا لك اختي

اتمني ان تزوروا

http://egyptfb.blogspot.com/

Bink Rose يقول...

جزاكي الله الف خير ويسعدني مروركم على
http://binkrose8484.blogspot.com/

Haifaa يقول...

حيـــاكم الله جميعا وبارك الله فيكم لطيب المرور

زيــزو يقول...

مشكوووور

Abo hamodi يقول...

الله يعطيك العافية ..ويجزيك الخير ..صرآآحة ساعدتيني كثيير ...ربي يجعله في موآزين حسنات

Haifaa يقول...

العفو حياكم الله ...تسعدني تعليقاتكم :)

alsaut almaktob يقول...

يسلموووو
حاولت أعملها كثير وماكانت تنجح معي
راح أسويها هالمرة وارجع الك

NoOoN يقول...

بارك الله فيك ^^ جربتها و نجحت أخييييييييييييرا

آيمون يقول...

الله الله شرح وافي وكافي ^_^

أحمد الفلسطيني يقول...

بارك الله فيك

fox pc يقول...

تسلمى على الشرح الرائع واسف على الازعاح

XFTP

admin يقول...

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

غير معرف يقول...

انا اضفتها لكن يقولي اضافه المزيد مع انه ينزل لي كل الموضوع

أضعت منظرتي يقول...

بحثت كثير عن هالإضافة بعد أن توقفت عندي

والحمدلله بمجرد إضافتها إشتغلت :)


يعطيكِ العافية اختي الكريمة

وشكراً لكِ مراراً

shery يقول...

بارك الله فيك اختى
تم بفضل الله
عملت الخطوات ونفعت
اكرمكِ الله اختى
http://misreen.blogspot.com/

khaled adll يقول...

شكرا ليك اخى الحبيب من زمان وانا ببحث عن هذا الكود
http://www.f-p555.blogspot.com/

إرسال تعليق

لاتقرأ وترحل ..
بل ضع لك بصمة في المكان قبيل الرحيل ..