How to Add Custom Read more Button after a Jump Break in Blogger?

How to Add Custom Read more Button after a Jump Break in Blogger?

To cut a long blog post short, large number of bloggers do add a Jump Break to Blogger Posts, so that they get trimmed and user can click on a link to read the full post if interested.

Step 1: Add a Jump break Using Post Editor after 7-8 sentences that summarize the entire post and drives the user to Click on Read more.

Step 2: Go to Theme --> Click on Customize

Step 3: Scroll down to Advanced option and Click on Add CSS in Theme Designer

Step 4: Add below CSS. Hit Save. Refresh the Blog to see a new Catchy customized button instead the boring Read More link.

.jump-link{
    margin-left: auto; margin-right: auto;
    align: center;
    display: block;
    border-style: solid;
    border-color: grey;
    border-radius: 10px;
    width: 250px;
    height: 16px;
    background: #ededed;
    padding: 10px;
    text-align: center;
    color: white;
    font-size:14px;
    font-weight: bold;
}
unsplash-logoChris Murray

0 comments:

Post a Comment

Thanks a lot for your valuable Comment!