Change and style blogger read more link

To insert a 'read more' jump link, click the little broken page icon .

To style the jump link do the following:-

Edit HTML.
Ctrl + F to find the 'jump-link' text.

Chnage the highlighted '<data:post.jumpText/>' to 'Continue reading...'

Save your theme.



To syle the jump link add some CSS.

Theme-->Customise-->Advanced-->Add CSS

.jump-link {
  text-align: center;
  background: transparent;
}

.jump-link a {
  background: #ff5440;
  color: #ffffff;
  padding: 6px;
  border-radius: 5px;
}

.jump-link a:hover {
  background: #ffffff;
  color: #444444;
  text-decoration: none;
}

This is how my link looks like now.