How To Add Readmore Option on Blogger Automatically ? Simple Steps

Like Tweet Pin it Share Share Email

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.

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.

Comments (3)

Leave a Reply

Your email address will not be published. Required fields are marked *