تعلم البلوجر هكركوز الكويت: اقراء المزيد نوعين معي تصميمنا read more

الثلاثاء

اقراء المزيد نوعين معي تصميمنا read more

عدد المشاهدات الان

ابحث عن هذا

</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/AVvXsEhM8X6O3OURkusc-auOHNeK2c05izInGOQVdc-vJoqvbKKpZeUpo-TvChAzEQyDhRjOZ2foomKa17HSeNSDjM_A414AGvru6pMGz9BCWszT4kgSpUoiooAvwnP-S89XeBjKJqneIna2Eqg/s1600/readmore3_header-kuwait2015.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>

انتهينا

اذا حبيت نسخ المقالهـ