Tuesday, June 19, 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 homepage.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.

1 comment: