'Read More' With or Without Button in Blogspot

1. Login to your blogger.com Dasboard, click Layout -> Edit HTML -> check the “Expand Widget Template” menu.

2. Find this code,

</head>

Then, put this following code precisely above it,

  
<style> <b:if cond='data:blog.pageType == "item"'>  span.fullpost {display:inline;}  <b:else/>  span.fullpost {display:none;}  </b:if>  </style>

3. Find this code,

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

and put the following code after or below it,

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

You can replace 'Read More' with any words you like.  Use the following code if you want to replace 'Read More' with an image or button.  To create your own design of button, just go to http://cooltext.com or http://supalogo.com then save it to http://www.photobucket.com, change those in reds with your own image url.   

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style='text-align: right;'><img src='http://i446.photobucket.com/albums/qq187/sabrinasigar/cooltext433674197.png'/></div></a>
</b:if>

4. Then save you template.

5. Go To Settings -> Formatting, scroll down to the bottom of the page put the following code at the vacant space beside “Post Template”:

<span class="fullpost">
</span>

6. Click “Save Settings”. That's it, you're Done!!!.

Whenever you want to write an article, make sure you click the “Edit HTML”, not the “Compose”. You will see in the posting box this following code (in blue):

Put the paragraph you want to show here <span class="fullpost"> Put the rest entry in here </span>

Hope you like this tips, keep up a good work!!!