0
5. Now save your template and you see a stylish read more button hanging on your page.
Tags:
Blogger,
Blogging,
Tricks amp; Tips
Add A CSS Read More Button In Blogger/Blogspot Blog
1. Go to Blogger > Design > Edit HTML.
2. Now click on the box of expand widget template.
3. Now find this code ]]></b:skin> by pressing Ctrl + F.
4. Now just before this code, paste the following code.
.jump-link {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeM-u7qnnssPasn99rMUzXHhy2PzoAQZWFikZPc-8KlWfOZCaVn4naj3nTke2L2jdXvadWSwmO09P9ifa7w-1xmIUHdSb48fyxZ9b3ffkaMdb0l6O4eJgazj2Gr6khH7Ecf7lrRlrsJsZy/) no-repeat scroll 0 0 transparent;height:32px;left:1px;margin-bottom:-11px;margin-top:18px;padding-top:4px;position:relative;width:100px;float:right;}.jump-link a {color:#FFFFFF;font-size:11px;margin-bottom:10px;padding-left:18px;text-shadow:1px 1px 0 #B56F2B;font-weight:normal;}.jump-link a:hover {text-decoration:underline;}
.jump-link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeM-u7qnnssPasn99rMUzXHhy2PzoAQZWFikZPc-8KlWfOZCaVn4naj3nTke2L2jdXvadWSwmO09P9ifa7w-1xmIUHdSb48fyxZ9b3ffkaMdb0l6O4eJgazj2Gr6khH7Ecf7lrRlrsJsZy/) no-repeat scroll 0 0 transparent;
height:32px;
left:1px;
margin-bottom:-11px;
margin-top:18px;
padding-top:4px;
position:relative;
width:100px;
float:right;
}
.jump-link a {
color:#FFFFFF;
font-size:11px;
margin-bottom:10px;
padding-left:18px;
text-shadow:1px 1px 0 #B56F2B;
font-weight:normal;
}
.jump-link a:hover {
text-decoration:underline;
}
5. Now save your template and you see a stylish read more button hanging on your page.
Subscribe To Get FREE Tutorials!
Tags:
Blogger,
Blogging,
Tricks amp; Tips
Subscribe to:
Post Comments (Atom)
Share your views...
0 Respones to "Add A CSS Read More Button In Blogger/Blogspot Blog"
Post a Comment