Commonly, the text “read more” is only the link text, but from its appearance, it’s rather unattractive. If you want to modify it in order to become more attractive, you can add the background, as first alternative.
Note: to practice the following tutorial, you are suggested to use a trial blog. Read about trial blog here at Create Multiple Blog In One Blogger Account.
The following is how to create read more with background color.
- Login to blogger with your ID.
- Click Design.
- Click Edit HTML.
- Backup your full template by clicking on the Download Full Template.
- Find the code ]]></b:skin>
- Copy and paste the code below exactly above the code ]]></b:skin>
border:1px solid #b7b7b6;
border:1px solid #545353;
- Click SAVE TEMPLATE.
Replace the color code with your favorite color code, as:
If you have edited the code, don’t forget to Save Template.