How to create (Read More) into Blog

Step 1. In your blogger Dash board go to Theme > >>Edit HTML

Step 2. Click inside of the Editor Text box and press Ctrl+F. A search box appear in the top right corner. In search box type the code ]]></b:skin> and press Enter:

Step 3.  Before ]]></b:skin> code paste following CSS code.

.jump-link {
text-align:right; /* center the button-can also use left or right */
}
.jump-link a {
font-size:15px;
padding:10px;
border: none;
background-color:#3B87F0; /* change background color for the button */
color:#fff; /* change text color */
font-weight:bold;
border-radius: 10px; /* button shape: 0px for squared edges or more for a rounded rectangle */ }

After adding this code your ‘Read more’ link will be change and show look like as:

You may also further customize your Blogger “Read More Button" according to your Template need. i.e. you may change text alignment, font size, padding, border, background color, font weight, and button shape by changing Blue Area in the Code