In post something in the blog, sometimes creating blogs become so long that they are not tasty for the look. To shorten so that all the blog posts seem all the necessary restrictions on the sentence to be more professional blogs.
In a sentence limitation in the post needs to add the Read more, the blog not too long so it does not take place. Here I am trying to give on how to add read more automatically into the blog.
In a sentence limitation in the post needs to add the Read more, the blog not too long so it does not take place. Here I am trying to give on how to add read more automatically into the blog.
* first log into blogger
* click edit html
* check Expand Widget Template
* find code </head> (for fast find ctrl + F)
* put this code above </head>
<script type='text/javascript'>* click save template
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 50;
img_thumb_width = 50;
</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+'" /></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
* find code <p><data:post.body/></p> and change it to this code
<b:if cond='data:blog.pageType != "item"'>* click save template, and see your blog post.
<div expr:id='"summary" + data:post.id' style='text-align: justify;'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<a expr:href='data:post.url' style='float:right;padding-top:10px;'>[Read More...] - <data:post.title/></a>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>
No comments:
Post a Comment