الاثنين، 8 أغسطس، 2016

how to insert html code read more on blogger

how to insert html code read more on blogger


step 1

Click anywhere inside the code area,then press the CTRL+F Keyes 
and search for this code 
</head>


paste the code below over  head





<script type='text/javascript'>
summary_noimg = 600;
summary_img = 600;
img_thumb_height = 250;
img_thumb_width = 350;
</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 = summary_noimg;
if(img.length>=1) {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img [0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

step2

Click anywhere inside the code area,then press the CTRL+F Keyes and search for this code 

<data:post.body/>

NOTE you'll find this code more than once choose the seconde one delete it and replace the code below


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb
(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmore-wrap'>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text- align:right;'>
<a expr:href='data:post.url'>Read More &#187;</a>
</span>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>

خيار التعليقات

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

إرسال تعليق

وما يلفظ من قول الا لديه
رقيــــب عتيــــــد

Magic Words

مواضيع أخرى قد تعجبك