اخر المواضيع

آخر الأخبار

الجمعة

بدون برمجه فقط صوره اقراء المزيد 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='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</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='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</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 + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

</div>

</b:if>

انتهينا


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

author
  • اضافة تعليق
  • ليست هناك تعليقات:

    اضف تعليقك ممكن

    آلتآريخ هجري وميلآدي

    المتابعون