HOW TO REPLACE "READ MORE.." LINK OF BLOGSPOT TO CUTE READ MORE BUTTON

HOW TO REPLACE "READ MORE.." LINK OF BLOGSPOT TO CUTE READ MORE BUTTON

iGAWAR TIPS+TRICKS

As i previously posted HOW TO ADD "READ MORE" BUTTON ON BLOGSPOT POST WITHOUT ANY CODING ,Many people find the read more... link boring and oldy..!!

Thats Why iGAWAR is Back with new trick to change Read more.. link to Cute Read more>> button..!!!

so here is new trick to change that link to a cute READ more button
All you have to do is this simple coding..!!

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog.  Click here to know how to backup blog
• Now Check Expand Widget Template.
• Press Ctrl + F and search the code shown below.

<b:if cond='data:post.hasJumpLink'>

Now you will see a code like Shown Below..!!!

<div class='jump-link'>
       <center> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>Read more..</a></center>
      </div>

Replace Readmore with the code below

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUuFEQm6uGj2jMCXBXfF8dyDXGYbIXwSgayIw7v19G301ZWDKakCsVgTaqWe-FK3INgL2e_8rZXfJV4LLRIRBedmjLCbgnpilFj2HmjV2z4KU3vJpF0p4IF7nzrKh1n7c-Q-BW6lL9NvA/s1600/readmore1.PNG'/>

Now preview/Save your Template.

Bingo..!!! now your Read more Link Is replace with a Cute Read more button shown below

you can cange this button with any other button for that just replace the img src url in that code with the url of your button.!!

png image is always more better than jpeg..!!

If you have any problem with this Trick then feel free to ask in comment box below..!!

Keep visiting @iGAWAR

Mediafire Download Link