Customize your Blogger READ MORE BUTTON

Transform your boring Read More Button to an eye pleasing one, like my read more button. (I guess it is not that bad. :D)

First, you need to have your image for it. You can make your own with picture editors or via online generator. I recommend Flamingtext. But you can still ask Mr. Google for "Button Generators".

I searched google and I got these. Better make your own than using copyrighted images. :)






But of course when using your own image, you need to upload it first in an image hosting site and get its direct link.

Done? Next...

On your blogger, Go to Layout >> Edit HTML >> Click on Expand Widget Templates.
Then find the code below.

1st:
<div class='jump-link'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'>

up to the first..

2nd:
</a></div>

Now, you can now delete the codes between these two and replace it with.

<img height="" width="" align='right' src='http://pinned.comule.com/iconreadmore.png' />

this is the code for my read more button. Just change "http://up to.png" to the direct link of your image. Also with the alignment, "alight='?'" ,width="?" and "height='?'".