Auto Read more Buat Blog

Live will have Readmore function on your Blogger, Because this latest Raedmore kelebihan2 that can facilitate the owner to get better results, besides Auto this Newest Readmore can automatically display a title like this next picture.

Read More functions are capable of representing the first image in the post and made in the image fload beginning of the paragraph beginning, although the picture that we put in the middle or end of your post. Possibly more comfortable with the facility I shall call the thumbnail image.
Not only that, we can also control the number of characters displayed. Here are 2 options for the number of characters. The first, the number of characters that is displayed if there are images that are included in the post and the second number of characters with no image.
Jump to tahab Practice course YES ...

Important!
For those who've put Read More old version of the code should first return to the way it had been, how to remove the red code below (Each template may be different, so just stay adjusted.

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>
</b:if>

<div style='clear: both;'/>



If've Done eliminate them stay on with the tutorial dibawah.Dan go to the bottom line .... please go directly to the page Edit HTML, Search codes </head> then put this script just above the code </head> If so, do not forget at the store first.


____________________________________________________________________

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

________________________________________________________________

Is still in EDIT HTML pages, Check the "Expand Widget Template" then find the code like this <data:post.body/> replace this code with the code below.


<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Well easy enough right? good luck > Serba serbi info