اضافة خاصية اقرأ المزيد على مدونات بلوجر بعد تحديث محرر html في بلوجر 2014
السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
هناك الكثير مازال يجهل هذه الطريقة بعد التحديث الاخير واليوم سوف نبدأ بالطريقة مع الشرح بالصورة فقط تابع
الشرح:
1.سجل دخول الى مدونتك اختر القالب من لوحة التحكم ثم اضغط على تحرير html
2.بعد الضغط على تحرير هتمل ابحث عن الرمز ثم اضف الكود التالي
فوق الرمز
الكود
ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.
الصورة في يمين النص
//
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;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 = '
summ = summary_img;
}
var summary = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';div.innerHTML = summary;
}
//]]>
وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :
//
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;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 = '
summ = summary_img;
}
var summary = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';div.innerHTML = summary;
}
//]]>
3. قم بالبحث عن الرمز
ملاحظة قد تجد اكثر من رمز واحد اذا لم تعمل الطريقة على اول واحد استعمل الثاني

" title="إقرأ المزيد" alt="إقرأ المزيد"/>
4.الان قم بوضع صورة بدل من كلمة اقرا المزيد الموضوعة باللون الاحمر داخل الكود استبدلها بما يناسبك من الصور التالية




" title="إقرأ المزيد" alt="إقرأ المزيد"/>

كيف تجد اكثر من رمز على سبيل المثال مثل هذا
<data:post.body/>
حين تقوم بالبحث على الرموز انقر نقرة واحدة على الرموز داخل القالب لديك ثم اضغط من لوحة المفتيح على الاختصار ctrl+f سوف يظهر لك مربع صغير داخل القالب وليس بالاعلى قم بوضع الرمز داخل المربع ثم اضغط enter سوف يظهر الرمز المطلوب واذا كان هناك اكثر من رمز كرر الضغط على enter ان لم يظهر لك معناها ان لايوجد سوى هذا الرمز لديك
شاهد الصورة
تم تصغير الصورة انقر على الصورة لعرضها بشكل اوضح
لاي استفسار ضع تعليقك اسفل الموضوع وحظا طيبا