
I've been using the buttons provided by Google on my blog. Actually, we can call it as Web 2.0 buttons. Definitely, you may want to apply such professional looking buttons instead of undesirable links on your blog. Let see we can use the Web 2.0 buttons.
On Subscription Box

As Read More Button

Have you noticed that each of the Blogger Template which I have made consist of read more link?
Older Post and Newer Post

These are the existing place where I used Web 2.0 buttons. But, you can use everywhere that you want.
Let see how you can use this on your blog. First off all, download CSS code from here and upload it on your server. Add the Link to CSS where you have uploaded. For example: <link rel="stylesheet" href="/style.css" type="text/css" />
Replace /style.css with the URL where you have hosted CSS code. Now, you are ready to use these button. Use this code to embed Web 2.0 buttons on your blog:
<button class="sexybutton"><span><span><span class="ok">Submit</span></span></span></button>
You found the complete information and tips from here.
Hope you've used such nice looking Web 2.0 buttons on your website and blog. Let me know if there is any obstacle and error while doing this process on your blog.