Connect with us

How To Add Read More Button In Posts On Blogger | Blogger Tips

How To Add Read More Button In Posts On Blogger

Blogger

How To Add Read More Button In Posts On Blogger | Blogger Tips

When we start blogging, initially not many of us don’t know how to put Read More button in posts on blogger. It is very important to limit your post’s text on homepage because long content can make your website slow.

On Blogger Editor “Insert jump Break” is used to create “Read More” link. When you insert “Jump Break” it inserts a horizontal line in your editor. The content above the horizontal line will be visible and below will be hidden on your homepage. The horizontal line does not appear on your blog, it is converted to “Read More” link.

In this tutorial you will learn step-by-step to how to add read more button in posts on Blogger.

 

Step 1:

  • In order to insert the “Jump Break” first move the cursor to the position where you want to add “Read More” link.
  • Click “Insert jump break” icon.
  • Click “More options” icon(three horizontal dots).
  • Click (-) icon.
How To Add Read More Button In Posts On Blogger | Blogger Tips | Style Read More Button

 

 

Style Your Read More Button

  • Go to Advanced Tab.
  • Click CSS.
  • Add follow code below and save.
  • You can modify the style.

.jump-link {
background: yellow;
width: 122px;
font-size: 18px;
font-weight: bold;
color: black !important;
padding: 7px;
}

.jump-link a 
{
color: black !important;
}

  • Get access to all Blogger Tutorials.
  • If you like this post then don’t forget to share with other people. Share your feedback in the comments section below.

 

Click to comment

Leave a Reply

Your email address will not be published.

More in Blogger

Advertisement
Advertisement
Free Guide to start a blog and make passive income
Download Cheap Website Themes
Get Namecheap Shared Hosting With Free Domain
To Top