How To Remove Auto Read More Button And Add An Image Instead Of Read More Letters

Some blog theme provide auto Read more button in their blog themes.It means if we added jump break to the blog post or not, automatically blog theme shows Read  more link at each and every blog post with post summary. 

So we can Remove that auto read more link and can add normal Read more button to the posts.also we can add an Image instead of read more text.In following steps show you how to do above things nicely.

Step 1:

          go the blogger dash board and template>Edit Html.

Step 2:

     find following code.It may be bit of change in your code.It's ok.no problem.you can easily find this code by getting search box with pressing Ctrl+F.then type it in SummaryAndThumb keywords.

    <b:if cond='data:blog.pageType != "static_page"'><br />    <b:if cond='data:blog.pageType != "item"'><br />    <div expr:id='"summary" + data:post.id'>    <data:post.body/></div>    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />    <div class='readmorecontent'>    </div>    </b:if><br />    </b:if><br />    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br />    <br />    <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

Step 3: 

      replace above code with ,following code.

    <data:post.body/>


OK.Now  auto read more link is vanished.Then Let's add normal Read more link again.

Step 4: 

     again click on free space in Edit html and press Ctrl+F to get search box.Find following code.
  
                                      <data:post.body/>


Immediately after above code paste following  code ,   
         

    <b:if cond='data:post.hasJumpLink'>    <div class='jump-link'>    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>    </div>    </b:if >

OK.Now your normal Read more link is Ok.......

Step 5:

    Lets add an image instead of Read more link.For that add red colored line for above code

    <b:if cond='data:post.hasJumpLink'>    <div class='jump-link'>    <a expr:href='data:post.url + "#more"'><img src="url_of_image" border="0" alt="Alternative text" /></a>    </div>    </b:if >