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

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

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

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

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

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

التخطــيط ..

من التخطيط نختار تحرير 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 Muhamed يقول...

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

Unknown يقول...

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

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

شكرا لك اختي

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

http://egyptfb.blogspot.com/

Bink Rose يقول...

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

Unknown يقول...

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

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

مشكوووور

Abo hamodi يقول...

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

Unknown يقول...

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

ـ"ـالْجَلِيلَهُ الْعُمَرِيـ"ـ يقول...

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

NoOoN يقول...

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

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

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

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

بارك الله فيك

Worled Ads يقول...

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

XFTP

admin يقول...

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

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

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

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

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

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


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

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

Unknown يقول...

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

khaled يقول...

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

إرسال تعليق

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