Changing Jump Link Text:

By default Jump Link Text is Read more but you can Change it whatever you like. To change go to Layout > Blog Post > Edit > Main Page Options and change the Post Page Link Text Read more as you wish.
Manually you can do this from Edit HTML option. Go to  Template > Edit HTMLoption. Now search for  jump-link   and find out the following code.

div class='jump-link'>
a expr:href='data:post.url + "#more"' expr:title='data:post.title'>

a>
div>

Customzing Read more button to Match Template colour: 

Go to the Template opton to edit Template and search for this part of the codes ]]>  pressing Ctrl+F button of your keyboard. If you have found out this codes, please do nothing. Now just look into the following CSS code that I have modified-

.jump-link { /* Style Entire Jump Link */ } .jump-link a { /* Style Jump Link Text Link */ } .jump-link a:hover { /* Style Jump Link Text Link On Hover Over */ }

Here the above code has three sections First one is for Jump Link, Second one is for Jump option's Tex link and Third one is Hover option or Jump Link Text Link. Please Modify the above code. If you have the minimum CSS knowledge. If not, then just See the following CSS code that I have modified.

.jump-link { text-align: right; /* Align Right of Post - can also use left or center */ background: #333333; /* Change Background Colour for full width of jump link */} .jump-link a { background: #333333; /* Change Background Colour for just the text part */ color: #eeeeee; /* Change Text Colour */ padding: 5px; /* Change Spacing Around Text */ border-radius: 5px; /* Change Radius of Background */ } .jump-link a:hover { background: #eeeeee; /* Change Background Colour On Hover */ color: #333333; /* Change Text Colour On Hover */ text-decoration: none; /* No Text Underline */ }

You can change the above red coloured value according to the colour and style of your template.Now if finish, paste the above code just before the

  ]]>

Now just simply save the template. You will see the Styled Read more option like the following image.


Adding image or icon or button instead of Read more or jumplink
Search for the word jump-link and find the following code.

Now just Replace with this image URL code-

After Replacing the code your whole code will look like this

You can now add image,icon or button replacing the url of above red colored part. After adding any one, hit Save button and see the preview. you have successfully added image, icon or button instead of Read more.

Removing Auto Jump:

When click on Read more option or Jump-Link, the whole page reloads and jumps after the lines of the Jump-break. This normally takes the few seconds to be re-load to the rest part. We can stop this function so that the whole post normally is loaded after clicking Read more. To do this do the following.
Search for  jump-link and find the following codes.

+ "#more"' expr:title='data:post.title'>

Now remove the above red part and Save the template. Now your page will not be re-loaded rather it will normally loaded after clicking Read more... 

Customizing  Jump link or Read more with Post Title:

To add the title of the post with the Read more text go to Template > Edit HTML > Format Template. Search for jump-link and find the following code

Add this title part- just after the above red colored part. Your Whole code will look like this..