Monday, 18 June 2012

How To Add Automatically Readmore Option To Blogger

This is great option for bloggers.earlier i made tutorial
about manual mode.This will helps to short your page with
button.With using this option we can reduce height of home
page.So this post will important person who care about
home page size.You can add it to your blog with simple steps.


How To Show Post Title Only On Home page

1. Log in to blogger account and Go to Design >> Edit HTML
  
2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    </head>

4. Paste below code Before </head> tag

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://btrixx.googlecode.com/files/btrix.js' type='text/javascript'/>

5. Now Find this code  by using Ctrl+F <data:post.body/>

6.  Replace above code with this code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);
</script><div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade More >></b></a></span>
</b:if>

7. Now save your template
 you are done.

No comments:

Post a Comment