Add Custom CSS Read More Button in Blogspot Template

Navigation:

1. Log in to your Blogspot Account
2. Go to Dashboard >> Template >> Edit HTML
3. Press Ctrl + F and write </b:skin> in the search box then press enter. the cursor go to that code line.
4. Copy below CSS Code and Paste before this ]]></b:skin>

Note: for . post-more-link or jump-link




most of the blog designers use with .jump-link code. if any blog designer use .post-more-link then below code replace with .post-more-link insted of .jump-link.

note: in google blogspot use .jump-link

CSS Script:

.jump-link
{
float:right;
margin:1% 1%;
}
.jump-link a
{
text-align:center;
display:inline-block;
color:#FFFFFF;
margin:5px 4px 5px 10px;
padding:9px 10px 9px 10px;
font:100% 'Oswald',Sans-Serif;
background-color:#000000;
text-decoration:none;
text-transform:uppercase;
box-shadow:4px 4px 0px rgba(33,33,33,0.45);
}
.jump-link a:hover
{
background-color:#05B6F8;
color:#FFFFFF;
}