Home » , , » Change Blogger's Read More Link With Button

Change Blogger's Read More Link With Button


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>

Change the hash code on line 07 [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:

5. Replace the code Starting from <A> to </A>


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)

LIKE US

Popular Posts

My FANS around the WORLD

Flag Counter