هذا المثال
ابحث عن هذا
</head>
وضع الكود فوقه معي التعديل المطلوب او نفسه
<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
في هذا النموذج الصورة على اليمين إن أردتها على اليسار
استبدل float:right; بـ float:lift;
واستبدل margin-left: 10px; بـ margin-right: 10px;
أما ان اردتها في الوسط فإحذف الكودين
الأربعة أرقام في بداية الكود
400 عدد الحروف الظاهرة بدون صورة
300 عدد الحروف الظاهرة مع وجود صورة
160 إرتفاع الصورة
180 عرض الصورة
الان نعيد البحث عن
<data:post.body/>
نستبدله الان بهذا الكود
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>
تطبيق بالصوره
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<a expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRIDSweLeIYqX9yc22eAMTn32zUFeHJYQhn2cO4US3uiM0vP8gBAgLg6ucIsi5ri0DqNlQ12HHgmFgaHMdhlQDp4xbaoj75GCwZELYggy8eq5Y5Vqs2E8t3ydnWpJfQVHpyp-_2rHdj_k/s101/readmore3_kuwaiT-9.gif" title="إقرأ المزيد" alt="إقرأ المزيد"/></a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>
ابحث عن الكود التالي ان وجدته إحذفه
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
انتهينا
ليست هناك تعليقات: