You can create Read More link for a post in blogger through ‘insert jump break’ while creating or editing a post. To customise the ‘Read More’ button follow the below steps:

• In your Blogger Dashboard go to Template >> Edit HTML

• Search for text ‘<data:post.jumpText/>’ and replace it with Read More… or Continue Reading.. or whatever you want to show the link name.
  
• Search for ]]></b:skin> and add the below CSS code just above this text to customise the button

  .jump-link {
  text-align:left;
  }
  .jump-link a {
  font-size:15px;
  padding:10px;
  border: 1px solid #8A0808;
  background-color:#8A0808;
  color:#FFFFFF;
  font-weight:bold; }

  

• Now you can insert jump break to add Read More.. button in your blogger post
  

• You post will look as shown below with Read more… button
  

Last Updated: May 12, 2020

Related Posts

• How To Change Widget Title Background On Blogger
• How to Add Adsense Ads Between Blog Post and Comment Box in Blogger
• How to Enable Search Description for Blogger and Blog Posts
• How to Make your Blogger Blog Template to fit any Screen Resolution
• How to reduce space between header and pagelist widgets in blogger
• Remove Empty Space Left on Top After Removing Navbar in Blogger
• Show more than 200 comments on Blogger Page or Post
• How to Split or Divide Blogger Header in Two Parts?
• How To Show Post Title Before Blog Title in Blogger?
• How to add a gadget above header in blogger?
• How to reduce space above the Title in Blogger
• How to reduce space between Title and Description in Blogger
• How to reduce space between gadgets in Blogger?
• How to add Recent Posts Slider with images for Blogger?