Monday, March 21, 2011

How To Remove Auto Read More in Blog

In this tutorial I am going to explain how to remove "Auto Read More feature with Thumbnail".This method will not work with every blogger template.But this tutorial will help you to remove auto read more feature from many template you can download from here.

Before doing this change,I highly recommend to backup your blogger template first.



Login to your Blogger Dashboard --> Design --> Edit HTML.



Click on "Expand Widget Templates".

Now find below code in your template.(code can be change bit,according to your template.)

<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</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>
<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><a expr:href='data:post.url'>Read more &#187;</a></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></p>


Now replace it with below code:

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

Save your template.

Free Adsense Template







Download Here

How too Upload/Install a Blogger Template

Download your new blogger template to your computer. If the template is contained in a zip file, ensure you have extracted the XML template.





1.Login to your Blogger Dashboard.



2.Click on "Layout".



3.Click on "Edit HTML".



Now you must BACKUP your current template,before install the new template.

4.Click on "Browse".



5.Now select your new blogger template file (it there as a xml file) and click on "Open".



6.Click on "Upload".



7.Now confirmation message will appear.Click on "KEEP WIDGETS".



You are done.

Hip Hop Life






Download Here

New Slide







Download Here

Greek Talk






Download Here

Instant






Download Here

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More