بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كثيرا من المدونين يبحثون عن طريقة فعالة وصحيحة وناجحة لأكثر القوالب المعربة
الطريقة جدااا سهلة ...
أولا : تذهب الى لوحة التحكم الرئيسية لمدونتك ثم تختار
التخطــيط ..
من التخطيط نختار تحرير HTML ثم نقوم بانزال القالب كامل وبذلك يكون لدينا نسخة احتياطية للقالب الاصلي في حال احتجنا
اليه .. لاسمح الله
الخطوة الأولـــى :
الان وبعد ان حفظنا نسخة احتياطية من القالب نقوم بتوسعة القالب وذلك بوضع اشارة كما هو موضح بالصورة :
الخطـــوة الثانيـــة : الان سنقوم بالبحث عن الكود الذي بالاسفل ولكي تسهل عملية البحث اضغط على : Ctrl+F
ثم انسخ الكود التالي والصقه في مربع البحــــث :
</head>
كما في الصــورة التالية
الان نقـــوم بتحديد الكود التــالي والصقه قبل الكود الســابق ( بمعنى ان هذا الكود ستقوم بالصاقه قبل < /head > )
<b:if cond='data:blog.pageType != "item"'>
<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 == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<!-- اقرأ المزيد - النهاية -->
الان نقــــــــوم بحفــظ القــالب
أي استفسار أنـا جاهزة .. حيـاكم الله
ليست هناك تعليقات:
إرسال تعليق