هذي مجموعه صور اختر المناسب
البحث عن
===========================================
</head>
===========================================
فوقه حط هذا
===========================================
<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</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){
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:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
===========================================
والبحث عن هذا
===========================================
<data:post.body/>
===========================================
استبدله بهذا
===========================================
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>إقراء المزيـد »</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
===========================================
واخيرا نبحث عن
]]></b:skin>
===========================================
فوقه ضع الكود هذا
===========================================
.thumbnail-post {width:140px;height:80px;float:left;margin:0px 10px 0px 0px;padding-right:15px}
===========================================
البحث عن هذا
===========================================
]]></b:skin>
===========================================
ضع الكود تحته
===========================================
/* Gambar autoread more ----------------------------------------------- */
.post-thumbnail {width:100px;height:70px;float:left;margin:0px 10px 0px 0px;}
===========================================
ابحث عن
===========================================
<data:post.body/>
===========================================
استبدله مرتين
===========================================
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgywWspSwCPOVqAHY2jUkOK6PfR9Gd8x3T5iwhedZIb_RJMlT0tWsPeJZKIoSTIKwTeFBhwimFzF4LZ8ewxvGPqxA4lvNEbA6AaI7vqnXnBz6NtEI0LiV67SaED9fC08xMN7_eFmctMtQQ/s1600/no+image.jpg'/></a> </b:if> <div class='post-snippet'><data:post.snippet/></div> <a class='button' expr:href='data:post.url'>أقرإء المـزيـد »</a> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> </b:if>
===========================================
انتهينا من Read-More3
===========================================
البحث عن هذا Read-More4
===========================================
<data:post.body/>
===========================================
وقم بالاستبدال تجده مره مرتين
===========================================
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/>
<b:if cond='data:post.hasJumpLink'><data:post.body/><b:else/>
<b:if cond='data:post.snippet'><b:if cond='data:post.thumbnailUrl'><div class='bljjteImgn'><img expr:src='data:post.thumbnailUrl'/></div></b:if> <data:post.snippet/><div class='blLeerjtems'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'>إقرا المزيـد</a></div>
<b:else/><data:post.body/></b:if></b:if></b:if></b:if>
===========================================
وبعدها البحث عن هذا
===========================================
</head>
===========================================
وفوقه ضع هذا
===========================================
<link href='https://sites.google.com/site/scriptsbalcon/b/bljLeermsjte.css' rel='stylesheet' type='text/css'/>
===========================================
انتهينا من
===========================================
ابحث عن هذا
===========================================
</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/AVvXsEjpv4LsbKKkBAUqdIuew9uqzv2zxGIJUjKx_95piHvHNkpHt7seeY3HhaSx9cvL1M8PipNDTczfbTF99D2qRkiUPtv6klABb-v5t3ZPQLSFDSk4Rq5d_bEBisG0eWBUWivAL_xFh23vwciD/s1600/%25D8%25A7%25D9%2582%25D8%25B1%25D8%25A7-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B2%25D9%258A%25D8%25AF-%2528%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25B9-%25D9%2582%25D8%25B1%25D8%25A1%25D8%25A9-%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25B6%25D9%2588%25D8%25B9%2529.png" 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>
===========================================
انتهينا
===========================================
ليست هناك تعليقات:
إرسال تعليق