While posting in Blogger, often jump break is used, you must have noticed a "Read more >>" link below each of your blog post on the homepage. I am going to introduced a new tip. How to replace those text links with beautiful-looking dynamic buttons.
1. Go to your blogger dashboard >> Template >> Edit HTML.
2. Find the following piece of code: Press (CTRL+F) and copy the code in the box that appears)
]]></b:skin>
3. Copy the below code and paste directly above/before ]]></b:skin>
]]></b:skin>
3. Copy the below code and paste directly above/before ]]></b:skin>
Change the hash code on line 07 [
4. Find the given piece of code: <div class='jump-link'>
On finding the above code, you will see something like this:
5. Replace the code Starting from <A> to </A> background:#333]
to change the background color of the button. Also, to change the
background when the button is hovered, change the hash code on line 09 [background:#000].4. Find the given piece of code: <div class='jump-link'>
On finding the above code, you will see something like this:
The final code will look something like this:
6. Hit Save template and you're done! (You can replace Read More with any text you want)
