بدون برمجه فقط صوره اقراء المزيد Read More - خدمات ويب و Blogger

البحث بالمدونه

الجمعة

بدون برمجه فقط صوره اقراء المزيد 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://1.bp.blogspot.com/-xgHnXRCf_68/YaD-JehWZpI/AAAAAAAAJQk/QP3e9TsFUdQycrVlO8tI8qx-wO1a5DSEACLcBGAsYHQ/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>

انتهينا


ليست هناك تعليقات:

إرسال تعليق

تعريب وتطوير هايف السـ العجمي ـفراني