Creating Horizontal Version Read More

Immediately, I set it up:

1. Log in to Blogger
2. Select Layout -> Edit HTML
3. You want to back up your template first or not?, If yes Kilik Template Download and save posts.
4. you check the box that says Expand Widget Templates
5. Copy the code below and put it right above the </ head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>  

6. After that find the code below: <div class='post-header-line-1'/> change the code to be like this: 

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

7. next find this code: <data:post.body/>, Add this code underneath.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Summary...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>  

8. Writing 'More' and 'Summary' can be replaced with any kind of word you like.
9. Then save the template.
10. Select the menu Settings - Formatting >>
11. At the bottom there is a box next to the words "Post Template", and enter this code into it and save the settings. 

<span id="fullpost">
</span>

12. Completed, may be useful.