Tutorial used:
- Styling the Blogger Jump Break (Read more) link
CSS used:
.jump-link { /* Use it only if you want the jump-link on desired position */
text-align: right; /* Values can be "left" or "right" or "middle" */
}
.jump-link a {
padding: 4px;
background-color: #921; /* If you want to have a background color to the Read more link otherwise delete it */
color: #fff; /* Changing the Jump Break link color */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
}
.jump-link a:hover {
background-color: #C41; /* Changing the background color on hover otherwise same as above. */
}
An example is set here by changing the background color and the color of the link. Simple, isn't it!