The following I would like to share about making readmore for bloggers. readmore is actually not important how. readmore used to condense the content of posts displayed on the homepage.
follow the steps below.
1. login to your account blogger,
2. go to Design > Edit HTML
3. check checkbox button expand widget templates
4. CTRL + F. find <head>
5. Give the following below </head>
<script type="text/javascript">
//<![CDATA[
/******************************************
computer-unu.blogspot.com
********************************************/
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>
//<![CDATA[
/******************************************
computer-unu.blogspot.com
********************************************/
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>
6. CTRL + F. find <data:post.body>
7. replace <data:post.body> with the following script.
<b:if cond="data:blog.pageType != "item"">
<div expr:id=""summary" + data:post.id">
<data:post.body></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" href="http://www.blogger.com/post-create.g?blogID=7103870391608312572">READ MORE >> <data:post.title></data:post.title></a></span>
</b:if>
<b:if cond="data:blog.pageType == "item""><data:post.body></data:post.body></b:if>
<div expr:id=""summary" + data:post.id">
<data:post.body></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" href="http://www.blogger.com/post-create.g?blogID=7103870391608312572">READ MORE >> <data:post.title></data:post.title></a></span>
</b:if>
<b:if cond="data:blog.pageType == "item""><data:post.body></data:post.body></b:if>
8. save
good luck :)
need to know!
Blogger is a blog-publishing service that allows private or multi-user blogs with time-stamped entries. It was created by Pyra Labs, which was bought by Google in 2003. Generally, the blogs are hosted by Google at a subdomain of blogspot.com. Up until May 1, 2010 Blogger allowed users to publish blogs on other hosts, via FTP. All such blogs had (or still have) to be moved to Google's own servers, with domains other than blogspot.com allowed via Custom URLs
Blogger is a blog-publishing service that allows private or multi-user blogs with time-stamped entries. It was created by Pyra Labs, which was bought by Google in 2003. Generally, the blogs are hosted by Google at a subdomain of blogspot.com. Up until May 1, 2010 Blogger allowed users to publish blogs on other hosts, via FTP. All such blogs had (or still have) to be moved to Google's own servers, with domains other than blogspot.com allowed via Custom URLs
0 comments:
Post a Comment