How To Make Stylish Button In Blogger

Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding anywhere you want to make the table appear.

Simple Button

Button Small Button Medium Button Large
Code (Simple Button)

<div class="small-button"><a class="button small" href="https://www.blogger.com">Button Small</a><a class="button medium" href="https://www.blogger.com">Button Medium</a><a class="button large" href="https://www.blogger.com">Button Large</a></div>

Buttons With Icons

Demo Button Demo Button Demo Button

Download Button Download Button Download Button

Buy Now Button Buy Now Button Buy Now Button

Visit a Link Button Visit a Link Button Visit a Link Button
All Code (Buttons With Icons)

<div class="small-button"><a class="button small demo" href="https://www.blogger.com">Demo Button</a><a class="button medium demo" href="https://www.blogger.com">Demo Button</a><a class="button large demo" href="https://www.blogger.com">Demo Button</a>                <br><div class="clear"></div><a class="button small download" href="https://www.blogger.com">Download Button</a><a class="button medium download" href="https://www.blogger.com">Download Button</a><a class="button large download" href="https://www.blogger.com">Download Button</a>                <br><div class="clear"></div><a class="button small buy" href="https://www.blogger.com">Buy Now Button</a><a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a><a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>                <br><div class="clear"></div><a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a><a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a><a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a></div>